CSS column-rule-style属性
column-rule-style属性
CSS多列column-rule-style属性,可设置列与列之间的样式。
可选属性值
属性值 | 描述 |
---|---|
none | 不定义样式规则 |
dotted | 点状样式 |
dashed | 虚线样式 |
solid | 实线样式 |
double | 双线样式 |
inset | 3D inset样式 |
outset | 3D outset样式 |
groove | 3D grooved样式 |
ridge | 3D ridged样式 |
hidden | 隐藏样式 |
语法
column-rule-style:value
column-rule-style实例代码,及在线编辑器
<p id='p1'>云行雨施、云阶月地、云消雾散、云中白鹤、云悲海思、云娇雨怯、云树之思、云霓之望、云窗霞户、云蒸龙变、云合雾集、云屯雨集、云愁海思、云屯雾集、云窗雾阁、云梦闲情、云散高唐、云屯飙散、云英未嫁、云蔚霞起、云翻雨覆。</p>
<style>
#p1{column-count:5;column-rule-color:yellow;column-rule-style:solid;}
</style>