星空网 > 软件开发 > 网页设计

CSS3 column

CSS column-rule-style属性用于在多列布局中指定列与列之间通过column rule属性设置的分隔线的样式。column-rule是列与列之间的一条垂直分隔线,你可以使用column-rule-width属性来设置分隔线的宽度,使用column-rule-color属性来设置分隔线的颜色,使用column-rule-style属性来设置分隔线的线条样式。

.浏览器支持

CSS3 column

 

.语法

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

.参数

  • none:不显示列与列之间的分隔线。设置的分隔线宽度和颜色属性会被忽略。
  • hidden:不显示列与列之间的分隔线。设置的分隔线宽度和颜色属性会被忽略。
  • dotted:列之间的分隔线显示为圆角的矩形。圆角的半径等于分隔线宽度的一半。
  • dashed:列之间的分隔线显示为直角矩形组成的虚线。
  • solid:列之间的分隔线显示为一条笔直的直线。
  • double:列之间的分隔线显示为两条直线,两条直线之间有一些间隙。两条直线的宽度和间隙宽度的总和等于column-rule-width属性指定的宽度。
  • groove:列之间的分隔线显示为内陷浮雕效果。
  • ridge:列之间的分隔线显示为外凸浮雕效果。
  • inset:列之间的分隔线显示为内斜面效果。
  • outset:列之间的分隔线显示为外斜面效果。

  column-rule-style属性的初始值为none

 

.应用范围

  column-rule-style属性可以应用在所有多列布局的元素上。

 

    在一个元素应用column-rule-style属性的代码如下

.columns {
    columns: 12em;
    column-rule-width: 5px;
     column-rule-style: solid;
    column-rule-color: #0099CC;
}                             






原标题:CSS3 column

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

高效获客方式,玩转神奇的landing page !:https://www.ikjzd.com/articles/111749
被低价跟卖导致取消秒杀?赶跟卖6招附上!:https://www.ikjzd.com/articles/111750
从出单失败到侵权封店到新品开拓成功,是怎么过来的?:https://www.ikjzd.com/articles/111752
侵权预警!这几个新品牌律所正在购买取证!:https://www.ikjzd.com/articles/111753
亚马逊编辑推荐,会是下一个流量入口吗?:https://www.ikjzd.com/articles/111754
这一品牌侵权案连发6年,批量卖家店铺被封!:https://www.ikjzd.com/articles/111755
长治婚庆女司仪和主持人:https://www.vstour.cn/a/366176.html
北京丰台区水上乐园哪家好玩?:https://www.vstour.cn/a/366177.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流