天天看點

CSS2樣式表(屬性·輪廓)

1、outline

文法:

outline : outline-color || outline-style || outline-width

取值:

該屬性是複合屬性。請參閱各參數對應的屬性。

說明:

設定或檢索對象外的線條輪廓。外輪廓( outline )畫在邊框( border )外面,并且不一定是矩形。

對應的腳本特性為 outline 。

示例:

img { outline: red }

p { outline: double 5px }

button { outline: #E9E9E9 double thin }

2、outline-color

文法:

outline-color : color | invert

取值:

color : 指定顔色。請參閱 顔色機關 和 附錄:顔色表

invert : 預設值。使用背景色的反色

說明:

設定或檢索對象外的線條輪廓( outline )的顔色。參見屬性。

對應的腳本特性為 outlineColor 。

示例:

img { outline-color: red }

p { outline-color: #E9E9E9 }

3、outline-style

文法:

outline-style : none | dotted | dashed | solid | double | groove | ridge | inset | outset

取值:

none : 預設值。無邊框。與任何指定的 outline-width 值無關

dotted : 點線外輪廓

dashed : 虛線外輪廓

solid : 實線外輪廓

double : 雙線外輪廓。兩條單線與其間隔的和等于指定的 oueline-width 值

groove : 根據 outline-color 的值畫3D凹槽外輪廓

ridge : 根據 outline-color 的值畫3D凸槽外輪廓

inset : 根據 outline-color 的值畫3D凹邊外輪廓

outset : 根據 outline-color 的值畫3D凸邊外輪廓

說明:

設定或檢索對象外的線條輪廓( outline )的樣式。

對應的腳本特性為 outlineStyle 。

示例:

img { outline-color: orange; outline-style: solid ; outline-width: medium ; }
4、outline-width

文法:

outline-width : medium | thin | thick | length

取值:

medium : 預設值。預設寬度

thin : 小于預設寬度

thick : 大于預設寬度

length : 由浮點數字和機關辨別符組成的長度值。不可為負值。請參閱 長度機關

說明:

設定或檢索對象外的線條輪廓( outline )的寬度。

對應的腳本特性為 outlineWidth 。

示例:

img { outline-color: orange; outline-style: solid ; outline-width: medium ; }