<Style對象
例
添加的輪廓圍繞<div>元素:
document.getElementById("myDiv").style.outline = "thick solid #0000FF";
試一試»
定義和用法
大綱屬性設置或返回所有的輪廓屬性,在速記形式。
有了這個屬性,你可以設置/返回的一個或多個以下(以任意順序):
的輪廓是圍繞元件的線。 它是圍繞著元素的邊距顯示。 但是,從border屬性不同。
輪廓不元素的尺寸的部分,因此,元件的寬度和高度屬性不包含輪廓的寬度。
瀏覽器支持





大綱屬性在所有主流瀏覽器的支持。
Note:在IE7不支持和更早的輪廓屬性。 IE8需要!DOCTYPE。 IE9及更高版本支持它。
句法
返回outline屬性:
設置outline屬性:
object .style.outline=" 屬性值
技術細節
默認值: | 中無反轉 |
---|
返回值: | 一個字符串,表示一個元素的輪廓寬度,樣式和/或顏色 |
---|
CSS版本 | CSS2 |
---|
更多示例
例
改變的輪廓的寬度,樣式和顏色<div>元素:
document.getElementById("myDiv").style.outline = "5px dotted green";
試一試» 例
返回的輪廓的屬性值<div>元素:
alert(document.getElementById("myDiv").style.outline);
試一試»
相關頁面
CSS教程: CSS大綱
CSS參考: outline property
<Style對象