# CSS3 border-image-slice 屬性 ## 實例 規定圖像邊框的向內偏移： ``` div { border-image-source: url(border.png); border-image-slice: 50% 50%; } ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | Opera 不支持 border-image-slice 屬性。 Internet Explorer 10 以及更早的版本不支持 border-image-slice 屬性。 Safari 5 以及更早的版本不支持 border-image-slice 屬性。 請參閱 [border-image](/cssref/pr_border-image.asp "CSS3 border-image 屬性") 屬性。 ## 定義和用法 border-image-slice 屬性規定圖像邊框的向內偏移。 | 默認值： | 100% | | --- | --- | | 繼承性： | no | | --- | --- | | 版本： | CSS3 | | --- | --- | | JavaScript 語法： | _object_.style.borderImageSlice="50% 50%" | | --- | --- | ## 語法 ``` border-image-slice: _number_|_%_|fill; ``` 注釋：該屬性規定圖像的上、右、下、左側邊緣的向內偏移，圖像被分割為九個區域：四個角、四條邊以及一個中間區域。除非使用了關鍵詞 fill，否則中間的圖像部分會被丟棄。如果省略第四個數值/百分比，則與第二個值相同。如果省略第三個值，則與第一個值相同。如果省略第二個值，則與第一個值相同。 | 值 | 描述 | | --- | --- | | _number_ | 數字值，代表圖像中像素（如果是光柵圖像）或矢量坐標（如果是矢量圖像）。 | | _%_ | 相對于圖像尺寸的百分比值：圖像的寬度影響水平偏移，高度影響垂直偏移。 | | fill | 保留邊框圖像的中間部分。 | ## 相關頁面 CSS3 教程：[CSS3 邊框](/css3/css3_border.asp "CSS3 邊框")