Style borderImageSlice 屬性
實(shí)例
規(guī)定圖像邊框的向內(nèi)偏移:
document.getElementById("myDIV").style.borderImageSlice="50% 10%";
嘗試一下 ?
定義和用法
borderImageSlice 屬性規(guī)定圖像邊框的向內(nèi)偏移。
瀏覽器支持
Opera 不支持 borderImageSlice 屬性。
Internet Explorer 10 及其之前的版本不支持 borderImageSlice 屬性。
Safari 5 及其之前的版本不支持 borderImageSlice 屬性。
請(qǐng)參閱 borderImage 屬性來(lái)替代它!
語(yǔ)法
返回 borderImageSlice 屬性:
object.style.borderImageSlice
設(shè)置 borderImageSlice 屬性:
object.style.borderImageSlice="number|%|fill|initial|inherit"
屬性值
值 | 描述 |
---|---|
number | 表示圖像像素(如果圖像是光柵圖像)或矢量坐標(biāo)(如果圖像是矢量圖像)的數(shù)字。 |
% | 表示相對(duì)于圖像大小的百分比:水平偏移參照?qǐng)D像的寬度,垂直偏移參照?qǐng)D像的高度。默認(rèn)值是 100%。 |
fill | 使邊框圖像中間部分被保留下來(lái)。 |
initial | 設(shè)置該屬性為它的默認(rèn)值。請(qǐng)參閱 initial。 |
inherit | 從父元素繼承該屬性。請(qǐng)參閱 inherit。 |
技術(shù)細(xì)節(jié)
默認(rèn)值: | 100% |
---|---|
返回值: | 字符串,表示元素的 border-image-slice 屬性。 |
CSS 版本 | CSS3 |
相關(guān)文章
CSS 參考手冊(cè):border-image-slice 屬性
更多建議: