Style outlineColor 屬性

定義和用法

outlineColor 屬性設置或返回元素周圍輪廓的顏色。

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

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

另請參閱：

CSS 教程：CSS 輪廓

CSS 參考手冊：outline-color 屬性

HTML DOM 參考手冊：outline 屬性

實例

例子 1

更改 <div> 元素的輪廓顏色：

document.getElementById("myDiv").style.outlineColor = "#00ff00";

親自試一試

例子 2

返回 <div> 元素的邊框顏色：

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

親自試一試

語法

返回 outlineColor 屬性：

object.style.outlineColor

設置 outlineColor 屬性：

object.style.outlineColor = "color|invert|initial|inherit"

屬性值

值 描述
color

規定輪廓的顏色。

請查看 CSS 顏色值，獲取可能的顏色值的完整列表。
invert 將輪廓的顏色反轉為相反的值。默認。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： invert
返回值： 字符串，表示元素輪廓的顏色。
CSS 版本： CSS2

瀏覽器支持

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