【CSS3】列表边框column-rule
2016-02-25 02:30
519 查看
column-rule主要是用来定义列与列之间的边框宽度、边框样式和边框颜色。简单点说,就有点类似于常用的border属性。但column-rule是不占用任何空间位置的,在列与列之间改变其宽度不会改变任何列的位置。
语法规则:
取值说明:
例如:为了能有效区分栏目列之间的关系,可以为其设置一个列边框,代码为:
语法规则:
column-rule:<column-rule-width>|<column-rule-style>|<column-rule-color>
取值说明:
属性值 | 属性值说明 |
column-rule-width | 类似于border-width属性,主要用来定义列边框的宽度,其默认值为“medium”,column-rule-width属性接受任意浮点数,但不接收负值。但也像border-width属性一样,可以使用关键词:medium、thick和thin。 |
column-rule-style | 类似于border-style属性,主要用来定义列边框样式,其默认值为“none”。column-rule-style属性值与border-style属值相同,包括none、hidden、dotted、dashed、solid、double、groove、ridge、inset、outset。 |
column-rule-color | 类似于border-color属性,主要用来定义列边框颜色,其默认值为前景色color的值,使用时相当于border-color。column-rule-color接受所有的颜色。如果不希望显示颜色,也可以将其设置为transparent(透明色) |
column-rule: 2px dotted green;
相关文章推荐
- 【CSS3】列间距column-gap
- 一些常用css技巧的为什么(一)我所理解的margin
- 【CSS3】多列布局——column-count
- 【CSS3】多列布局——column-width
- 【CSS3】多列布局——Columns
- 【CSS3】设置动画时间外属性
- 【技术控】 如何做按钮小动画?HTML+CSS3
- CSS之background-position的误解
- 【CSS3】设置动画的播放状态
- 2016/2/24 css画三角形 border的上右下左的调整 以及内区域的无限变小 边界透明
- 【CSS3】设置动画播放方向
- 侧边导航栏css示例
- css3 skew变形
- HTML+CSS慕课网学习总结(三)
- css媒体查询
- 【CSS3】设置动画播放次数
- 【CSS3】设置动画开始播放的时间
- 【CSS3】设置动画播放方式
- 【CSS3】设置动画播放方式
- 【CSS3】设置动画播放时间