CSS3 outline-offset 屬性

2018-07-22 21:43 更新

實(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 屬性的值。
以上內(nèi)容是否對(duì)您有幫助:
在線(xiàn)筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)