📜  CSS |列规则样式属性

📅  最后修改于: 2021-08-31 01:41:50             🧑  作者: Mango

CSS 中的 column-rule-style 属性用于设置多列布局上各列之间的列规则样式。

句法:

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

属性值: column-rule-style 属性包含以下列出的许多值:

  • none:这是默认值,用于指定列之间没有规则。
  • hidden:定义列之间的隐藏规则。
  • dotted:定义列之间的虚线规则。
  • dashed:定义列之间的虚线规则。
  • 实体:它定义了列之间的实体规则。
  • double:它定义了列之间的双重规则。
  • 凹槽:它定义了 3D 凹槽规则。效果取决于宽度和颜色值。
  • 脊:它定义了一个 3D 脊规则。效果取决于宽度和颜色值。
  • inset:它定义了一个 3D 插入规则。效果取决于宽度和颜色值。
  • 起始:它定义了一个 3D 起始规则。效果取决于宽度和颜色值。
  • 初始:将值设置为其默认值。
  • 继承:从其父元素继承的属性。

示例 1:



    
        
             CSS | column-rule-style Property
        
        
    
      
    
        

            GeeksforGeeks         

                   
            Prepare for the Recruitment drive of product             based companies like Microsoft, Amazon, Adobe             etc with a free online placement preparation             course. The course focuses on various MCQ's             & Coding question likely to be asked in the             interviews & make your upcoming placement              season efficient and successful.          
                         

输出:

示例 2:



    
        
             CSS | column-rule-style Property
        
        
    
      
    
        

            GeeksforGeeks         

                   
            Prepare for the Recruitment drive of product             based companies like Microsoft, Amazon, Adobe             etc with a free online placement preparation             course. The course focuses on various MCQ's             & Coding question likely to be asked in the             interviews & make your upcoming placement              season efficient and successful.          
                         

输出:

示例 3:



    
        
             CSS | column-rule-style Property
        
        
    
      
    
        

            GeeksforGeeks         

                   
            Prepare for the Recruitment drive of product             based companies like Microsoft, Amazon, Adobe             etc with a free online placement preparation             course. The course focuses on various MCQ's             & Coding question likely to be asked in the             interviews & make your upcoming placement              season efficient and successful.          
                         

输出:

支持的浏览器: column-rule-style 属性支持的浏览器如下:

  • 谷歌浏览器 50.0, 4.0 -webkit-
  • 浏览器 10.0
  • 火狐 52.0, 2.0 -moz-
  • Safari 9.0, 31.0 -webkit-
  • 歌剧 37.0, 15.0 -webkit-, 11.1