HTML5技术

CSS3 column-rule-style 属性 - 微微海

字号+ 作者:H5之家 来源:博客园 2016-07-05 18:00 我要评论( )

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

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

.浏览器支持

 

.语法  column-rule-style: none | hidden | dotted | dashed | solid | double | 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;

}                             

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • CSS3 选择器 - Glunefish

    CSS3 选择器 - Glunefish

    2017-04-22 09:00

  • HTML5和CSS3 - 奔跑在起跑线佼佼者

    HTML5和CSS3 - 奔跑在起跑线佼佼者

    2017-04-20 13:00

  • 【CSS3】精美横向滚动菜单按钮 - Glunefish

    【CSS3】精美横向滚动菜单按钮 - Glunefish

    2017-04-14 14:00

  • 【CSS3动画】下拉菜单模拟 - Glunefish

    【CSS3动画】下拉菜单模拟 - Glunefish

    2017-04-12 13:00

网友点评
s