CSS |列规则属性

CSS 中的column-rule属性用于指定列之间规则的宽度、样式和颜色。
句法：

column-rule: column-rule-width column-rule-style column-rule-color|
initial|inherit;

属性值：

• column-rule-width：该值用于设置列之间的规则宽度。此属性值的默认值是medium 。
• column-rule-style：该值用于设置列间规则的样式。此属性值的默认值为none 。
• column-rule-color：该值用于设置列之间的规则颜色。此属性值的默认值是元素的颜色。
• 初始值：此值用于设置此列规则属性的默认值。
• 继承：此值告诉列规则属性从其父级继承该属性。

示例：

html

    
     
    


    

        GeeksforGeeks
    
    

        The column-rule Property
    
     
     

        The column-rule property sets the width, style,
        and color of the rule between the columns of
        the element:
    
 
     
    

        The course is designed for students
        as well as working professionals to prepare
        for coding interviews. This course is going
        to have coding questions from school level
        to the level needed for product based companies
        like Amazon, Microsoft, Adobe, etc.
    

输出：

支持的浏览器： column-rule 属性支持的浏览器如下；

• 谷歌浏览器：50.0、4.0 -webkit-
• Internet Explorer：10.0
• 火狐：52.0, 2.0 -moz-
• 歌剧：37.0、15.0-webkit-、11.1
• Safari: 9.0, 3.1 -webkit-