語法:
column-rule-style:none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
相關屬性:column-rule-width , column-rule-color
取值:
- none:
- 默認值。無邊框
- hidden:
- 隱藏邊框
- dotted:
- 在MAC平臺上IE4+與WINDOWS和UNIX平臺上IE5.5+為點線。否則為實線
- dashed:
- 在MAC平臺上IE4+與WINDOWS和UNIX平臺上IE5.5+為虛線。否則為實線
- solid:
- 實線邊框
- double:
- 雙線邊框
- groove:
- 根據(jù) border-color 的值畫3D凹槽
- ridge:
- 根據(jù) border-color 的值畫3D凸槽
- inset:
- 根據(jù) border-color 的值畫3D凹邊
- outset:
- 根據(jù) border-color 的值畫3D凸邊
說明:
- 定義每欄之間邊框的顏色。
引擎類型 | Gecko | Webkit | Presto |
---|---|---|---|
column-rule-style | -moz-column-rule-style | -webkit-column-rule-style | ? |
? | ? | ? | ? |
兼容性:
類型 |
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|---|
版本 | (×)IE6 | (×)Firefox 2.0 | (√)Chrome 1.0.x | (×)Opera 9.63 | (√)Safari 3.1 |
(×)IE7 | (×)Firefox 3.0 | (√)Chrome 2.0.x | (√)Safari 4 | ||
(x)IE8 | (√)Firefox 3.5 | ? | ? | ? | |
? | ? | ? | ? | ? |
示例:

例子里-webkit-column-count:2;的意思是一共兩列; -webkit-column-gap:200px;的意思是每列之間的間距是200px;
-webkit-column-rule-width:100px;的意思是邊框的寬度為100px;
-webkit-column-rule-style:solid;的意思是邊框的樣式是實線邊框;
-webkit-column-rule-color:#10427A;的意思是邊框的顏色值是#10427A。