Style outlineWidth 屬性

定義和用法

outlineWidth 屬性設置或返回元素周圍輪廓的寬度。

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

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

另請參閱：

CSS 教程：CSS 輪廓

CSS 參考手冊：outline 屬性

HTML DOM 參考手冊：outline 屬性

實例

例子 1

改變 <div> 元素輪廓的寬度：

document.getElementById("myDiv").style.outlineWidth = "10px";

親自試一試

例子 2

使用 "thick" 值更改 <div> 元素的輪廓寬度：

document.getElementById("myDiv").style.outlineWidth = "thick";

親自試一試

例子 3

返回 <div> 元素輪廓的寬度：

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

親自試一試

語法

返回 outlineWidth 屬性：

object.style.outlineWidth

設置 outlineWidth 屬性：

object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"

屬性值

值 描述
thin 定義細輪廓。
medium 定義中等輪廓。默認。
thick 定義粗輪廓。
length 以長度單位計的輪廓寬度。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： medium
返回值： 字符串，表示元素輪廓的寬度。
CSS 版本： CSS2

瀏覽器支持

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