實(shí)例
規(guī)定邊框邊緣之外 15 像素處的輪廓:
div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}
瀏覽器支持
所有主流瀏覽器都支持 outline-offset 屬性,除了 Internet Explorer。
定義和用法
outline-offset 屬性對(duì)輪廓進(jìn)行偏移,并在邊框邊緣進(jìn)行繪制。
輪廓在兩方面與邊框不同:
- 輪廓不占用空間
- 輪廓可能是非矩形
默認(rèn)值: | 0 |
---|---|
繼承性: | no |
版本: | CSS3 |
JavaScript 語(yǔ)法: | object.style.outlineOffset="15px" |
語(yǔ)法
outline-offset: length|inherit;
值 | 描述 |
---|---|
length | 輪廓與邊框邊緣的距離。 |
inherit | 規(guī)定應(yīng)從父元素繼承 outline-offset 屬性的值。 |
更多建議: