最新的Web開發教程
 

Style outlineWidth Property

<Style對象

例

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

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

定義和用法

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

的輪廓是圍繞元件的線。 它是圍繞著元素的邊距顯示。 但是，從border屬性不同。

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

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

該outlineWidth屬性在所有主流瀏覽器的支持。

Note:在IE7不支持和更早的outlineWidth財產。 IE8需要！DOCTYPE。 IE9及更高版本支持它。

句法

返回outlineWidth屬性：

object .style.outlineWidth

設置outlineWidth屬性：

object .style.outlineWidth="thin|medium|thick| 屬性值
值 描述
thin 定義一個薄的輪廓
medium 定義中的輪廓。 這是默認
thick 定義粗輪廓
length 輪廓的長度單位寬度
initial 將此屬性設置為默認值。 閱讀關於初始
inherit 繼承其父元素此屬性。 閱讀關於繼承

技術細節

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

更多示例

例

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

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

例

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

alert(document.getElementById("myDiv").style.outlineWidth);
試一試»

相關頁面

CSS教程： CSS大綱

CSS參考： outline property

HTML DOM參考： outline property

<Style對象