定義和(hé)用(yòng)法
border-image-slice 屬性規定圖像邊框的向内偏移。
實例
規定圖像邊框的向内偏移：
div
{
border-image-source: url(border.png);
border-image-slice: 50% 50%;
}
CSS 語法
border-image-slice: number|%|fill;
注釋：該屬性規定圖像的上(shàng)、右、下(xià)、左側邊緣的向内偏移，圖像被分割爲九個區(qū)域：四個角、四條邊以及一個中間區(qū)域。除非使用(yòng)了(le)關鍵詞 fill，否則中間的圖像部分會(huì)被丢棄。如果省略第四個數值/百分比，則與第二個值相同。如果省略第三個值，則與第一個值相同。如果省略第二個值，則與第一個值相同。
屬性值
| 值 | 描述 |
|---|---|
| number | 數字值，代表圖像中像素（如果是光栅圖像）或矢量坐(zuò)标（如果是矢量圖像）。 |
| % | 相對(duì)于圖像尺寸的百分比值：圖像的寬度影響水(shuǐ)平偏移，高(gāo)度影響垂直偏移。 |
| fill | 保留邊框圖像的中間部分。 |