• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • column-rule-width

    版本:CSS3

    CSS 特性 column-rule-color 让你可以设置在多列布局中被画在两列之间的规则(线条)的宽度。

    示例

    /* keyword values */
    column-rule-width: thin;
    column-rule-width: medium;
    column-rule-width: thick;
    
    /* length values */
    column-rule-width: 1px;
    column-rule-width: 2.5em;
    
    column-rule-width: inherit;
    

    浏览器支持

    IE浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    IE10以上版本的浏览器都支持column-rule-color

    语法

    column-rule-color:thin | medium | thick |<length>

    取值:

    • medium:定义默认厚度的边框。
    • thin:定义比默认厚度细的边框。
    • thick:定义比默认厚度粗的边框。
    • <length>:用长度值来定义边框的厚度。不允许负值
    • 如果column-rule-style设置为none或者hidden,本属性将失去作用。
    默认值medium
    适用于定义了多列的元素
    继承性
    动画性当是一个长度时
    计算值绝对长度值或者0(如果<column-rule-style>为 none 或者 hidden)

    实例

    div{
     -webkit-column-rule-width:1px; /*chrome,safari,opera*/
     -moz-column-rule-width:1px; /*firefox*/
     column-rule-width:1px;
    }
    

    上篇:column-rule

    下篇:column-rule-style