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