最新的Web開發教程
 

Style outline Property

<Style對象

添加的輪廓圍繞<div>元素:

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

定義和用法

大綱屬性設置或返回所有的輪廓屬性,在速記形式。

有了這個屬性,你可以設置/返回的一個或多個以下(以任意順序):

  • 輪廓寬度
  • 外形風格
  • 輪廓色

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

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


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

大綱屬性在所有主流瀏覽器的支持。

Note:在IE7不支持和更早的輪廓屬性。 IE8需要!DOCTYPE。 IE9及更高版本支持它。


句法

返回outline屬性:

object .style.outline

設置outline屬性:

object .style.outline=" 屬性值
參數 描述
width 設置輪廓的寬度
style 設置輪廓的風格
color 設置輪廓的顏色
initial 將此屬性設置為默認值。 閱讀關於初始
inherit 繼承其父元素此屬性。 閱讀關於繼承

技術細節

默認值: 中無反轉
返回值: 一個字符串,表示一個元素的輪廓寬度,樣式和/或顏色
CSS版本 CSS2

更多示例

改變的輪廓的寬度,樣式和顏色<div>元素:

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

返回的輪廓的屬性值<div>元素:

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

相關頁面

CSS教程: CSS大綱

CSS參考: outline property


<Style對象