Style outline 屬性

定義和用法

outline 屬性以簡寫形式設置或返回所有輪廓屬性。

通過此屬性，您可以設置/返回以下一項或多項（以任意順序）：

輪廓是圍繞元素的一條線。它顯示在元素的外邊距周圍。但是，它與 border 屬性 不同。

輪廓不是元素尺寸的一部分，因此元素的寬度和高度屬性不包含輪廓的寬度。

另請參閱：

CSS 教程：CSS 輪廓

CSS 參考手冊：outline 屬性

實例

例子 1

在 <div> 元素周圍添加輪廓：

document.getElementById("myDiv").style.outline = "thick solid #0000FF";

親自試一試

例子 2

更改 <div> 元素輪廓的寬度、樣式和顏色：

document.getElementById("myDiv").style.outline = "5px dotted green";

親自試一試

例子 3

返回 <div> 元素的 outline 屬性值：

alert(document.getElementById("myDiv").style.outline);

親自試一試

語法

返回 outline 屬性：

object.style.outline

設置 outline 屬性：

object.style.outline = "width style color|initial|inherit"

屬性值

值 描述
width 設置輪廓的寬度。
style 設置輪廓的樣式。
color 設置輪廓的顏色。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： medium none invert
返回值： 字符串，表示元素的輪廓寬度、樣式和/或顏色。
CSS 版本： CSS2

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持