column-rule-style

語法:

column-rule-style:none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

默認值none

取值:

none:
無輪廓。column-rule-colorcolumn-rule-width將被忽略
hidden:
隱藏邊框。
dotted:
點狀輪廓。
dashed:
虛線輪廓。
solid:
實線輪廓
double:
双线轮廓。两条单线與其间隔的和等于指定的column-rule-width
groove:
3D凹槽輪廓。
ridge:
3D凸槽輪廓。
inset:
3D凹邊輪廓。
outset:
3D凸邊輪廓。

說明:

设置或检索对象的列與列之间的边框样式。參閱border-style屬性
  • 如果column-rule-width等于0,本屬性将失去作用。
  • 對應的腳本特性爲columnRuleStyle

兼容性:

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 墨綠 = 部分支持
  • 橙色 = 实验性质
支持版本\類型 IE Firefox Safari Chrome Opera
版本 6.0-9.0 4.0-9.0 5.1 13.0-16.0 11.50
版本 10.0

寫法:

內核類型 寫法
Webkit(Chrome/Safari) -webkit-column-rule-style
Gecko(Firefox) -moz-column-rule-style
Presto(Opera) column-rule-style
Trident(IE) column-rule-style
W3C column-rule-style

示例: