CSS outline-offset 屬性

定義和用法

outline-offset 屬性對輪廓進行偏移，并在邊框邊緣進行繪制。

輪廓在兩方面與邊框不同：

  • 輪廓不占用空間
  • 輪廓可能是非矩形

另請參閱：

CSS 教程：CSS 用戶界面

HTML DOM 參考手冊：outlineOffset 屬性

實例

規定邊框邊緣之外 15 像素處的輪廓：

div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}

親自試一試

CSS 語法

outline-offset: length|inherit;

屬性值

值 描述
length 輪廓與邊框邊緣的距離。
inherit 規定應從父元素繼承 outline-offset 屬性的值。

技術細節

默認值： 0
繼承性： no
版本： CSS3
JavaScript 語法： object.style.outlineOffset="15px"

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
4.0 15.0 3.5 3.1 10.5