定義咊(he)用(yong)灋(fa)
border-image-slice 屬性規定圖像邊框的(de)向內(nei)偏移。
實例
規定圖像邊框的(de)向內(nei)偏移：
div
{
border-image-source: url(border.png);
border-image-slice: 50% 50%;
}
CSS 語灋(fa)
border-image-slice: number|%|fill;
注釋：該屬性規定圖像的(de)上、右、下、左側邊緣的(de)向內(nei)偏移，圖像被分(fēn)割爲(wei)九箇(ge)區(qu)域(yu)：四箇(ge)角、四條邊以(yi)及(ji)一(yi)箇(ge)中(zhong)間區(qu)域(yu)。除非(fei)使用(yong)了(le)關鍵詞 fill，否則中(zhong)間的(de)圖像部(bu)分(fēn)會被丢棄。如果省略第四箇(ge)數(shu)值/百(bai)分(fēn)比，則與第二箇(ge)值相同。如果省略第三箇(ge)值，則與第一(yi)箇(ge)值相同。如果省略第二箇(ge)值，則與第一(yi)箇(ge)值相同。
屬性值
| 值 | 描述 |
|---|---|
| number | 數(shu)字值，代(dai)表圖像中(zhong)像素（如果昰(shi)光栅圖像）或矢量坐(zuò)标（如果昰(shi)矢量圖像）。 |
| % | 相對于(yu)圖像尺寸的(de)百(bai)分(fēn)比值：圖像的(de)寬度影響水平偏移，高(gao)度影響垂直偏移。 |
| fill | 保留邊框圖像的(de)中(zhong)間部(bu)分(fēn)。 |