CSS outline 屬性
定義和用法
outline (輪廓)是繪制于元素周?chē)囊粭l線,位于邊框邊緣的外圍,可起到突出元素的作用。
注釋?zhuān)?/span>輪廓線不會(huì)占據(jù)空間,也不一定是矩形。
outline 簡(jiǎn)寫(xiě)屬性在一個(gè)聲明中設(shè)置所有的輪廓屬性。
可以按順序設(shè)置如下屬性:
- outline-color
- outline-style
- outline-width
如果不設(shè)置其中的某個(gè)值,也不會(huì)出問(wèn)題,比如 outline:solid #ff0000; 也是允許的。
默認(rèn)值: | invert none medium |
---|---|
繼承性: | no |
版本: | CSS2 |
JavaScript 語(yǔ)法: | object.style.outline="#0000FF dotted thin" |
瀏覽器支持
所有瀏覽器都支持 outline 屬性。
注釋?zhuān)?/span>如果規(guī)定了 !DOCTYPE,則 IE8 支持 outline 屬性。
可能的值
值 | 描述 |
---|---|
outline-color | 規(guī)定邊框的顏色。參閱:outline-color 中可能的值。 |
outline-style | 規(guī)定邊框的樣式。參閱:outline-style 中可能的值。 |
outline-width | 規(guī)定邊框的寬度。參閱:outline-width 中可能的值。 |
inherit | 規(guī)定應(yīng)該從父元素繼承 outline 屬性的設(shè)置。 |
TIY 實(shí)例
- 在元素周?chē)?huà)線
- 本例演示使用 outline 屬性在元素周?chē)?huà)一條線。