CSS column-rule属性
column-rule属性
CSS column-rule属性,可设置元素被分隔的列之间的宽度、样式和颜色等样式。
语法
column-rule: column-rule-width column-rule-style colum-rule-color;
属性
属性 | 描述 |
---|---|
column-rule-width | 列之间的宽度。 |
column-rule-style | 列之间的样式。 |
column-rule-color | 列之间的颜色。 |
column-rule实例代码,及在线编辑器
<p id='p1'>如月之恒,如日之升、寒冬腊月、五黄六月、冰壸秋月、月晕知风,础润知雨、云阶月地、日月蹉跎、闭月羞花、一川风月、樽前月下、裁月镂云、月貌花容、春花秋月、壶中日月、十冬腊月、日中必昃,月满必亏、笑傲风月、日月经天,河海带地、田月桑时、时光似箭,日月如梭、壶天日月、担风袖月、百星不如一月、光风霁月、猴年马月、五月披裘、花容月貌、日新月着、争光日月、积年累月、月晕而风,础润而雨、三月不知肉味、与日月争光、跳丸日月、只谈风月、日积月累、长年累月、经年累月、残冬腊月、星月交辉、晓风残月、日月经天,江河行地。</p>
<style>
#p1{column-count:3; column-rule:5px outset blue;}
</style>