HTML | DOM 样式 columnRuleColor 属性

DOM 样式 columnRuleColor属性指定列之间规则的颜色。

句法 ：

• 设置 columnRuleColor 属性：

  object.style.columnRuleColor = "color|initial|inherit"
  

• 返回 columnRuleColor 属性：

  object.style.columnRuleColor
  

属性值：

• color：用于指定规则的颜色。
• initial：用于设置默认值。
• 继承：用于从父元素继承属性。

返回值：这将返回一个表示元素的 column-rule-color 属性的字符串。

1. 颜色：这指定了规则的颜色。
   示例 1：

     
   
       
           HTML | DOM Style columnRuleColor Property
       
       
           #myDIV {
               width: 90%;
               height: 70%;
               border: 2px solid green;
               padding: 10px;
               column-count: 3;
               column-rule: 3px outset red;
           }
             
           #p1 {
               font-size: 20px;
               color: green;
           }
       
   
     
   
     
       
           
             Welcome to GeeksforGeeks.!
           
     
           
             Computer Science is the study of 
             computers and computational systems. 
             Unlike electrical and computer engineers,
             computer scientists deal mostly with 
             software and software systems; this 
             includes their theory, design, development,
             and application. Principal areas of study 
             within Computer Science include artificial
             intelligence, computer systems and networks,
             security, database systems, human computer 
             interaction, vision and graphics, numerical
             analysis, programming languages, software 
             engineering, bioinformatics and theory of
             computing. Although knowing how to program
             is essential to the study of computer science,
             it is only one element of the field. Computer
             scientists design and analyze algorithms to 
             solve programs and study the performance of 
             computer hardware and software. The problems
             that computer scientists encounter range from
             the abstract-- determining what problems can 
             be solved with computers and the complexity 
             of the algorithms that solve them – to the 
             tangible – designing applications that 
             perform well on handheld devices, that 
             are easy to use, and that uphold security
             measures.
       
       
     
       
     
       
           function mainFunction() {
     
               document.getElementById(
     
                       //  Define color.
                       "myDIV").style.columnRuleColor =
                   "green";
           }
       
     
   
     

   输出 ：

   点击前：
   

   点击后：
   

2. 初始：这将规则的颜色设置为“初始” 。默认情况下它是黑色的。
   示例 2：

     
   
       
           HTML | DOM Style columnRuleColor Property
       
       
           #myDIV {
               width: 90%;
               height: 70%;
               border: 2px solid green;
               padding: 10px;
               column-count: 3;
               column-rule: 3px outset red;
           }
             
           #p1 {
               font-size: 20px;
               color: green;
           }
       
   
     
   
     
       
           
             Welcome to GeeksforGeeks.!
           
     
           
             Computer Science is the study of 
             computers and c omputational systems.
             Unlike electrical and computer engineers,
             computer scientists deal mostly with 
             software and software systems; this 
             includes their theory, design, development,
             and application. Principal areas of study 
             within Computer Science include artificial
             intelligence, computer systems and networks,
             security, database systems, human computer 
             interaction, vision and graphics, numerical
             analysis, programming languages, software 
             engineering, bioinformatics and theory of 
             computing. Although knowing how to program
             is essential to the study of computer science,
             it is only one element of the field. Computer
             scientists design and analyze algorithms to 
             solve programs and study the performance of 
             computer hardware and software. The problems
             that computer scientists encounter range from
             the abstract-- determining what problems can 
             be solved with computers and the complexity 
             of the algorithms that solve them – to the 
             tangible – designing applications that perform
             well on handheld devices, that are easy to use,
             and that uphold security measures.
         
       
       
     
       
       
           function mainFunction() {
     
               //  Set column color.
               document.getElementById(
                       "myDIV").style.columnRuleColor =
                   "initial";
           }
       
     
   
     

   输出：

   点击前：
   

   点击后：
   

3. 继承：这从其父元素继承此属性。这意味着这将使颜色与父元素的颜色相同。
   示例 1：

     
   
       
           HTML | DOM Style columnRuleColor Property
       
       
           #myDIV {
               width: 90%;
               height: 70%;
               border: 2px solid green;
               padding: 10px;
               color: red;
               column-count: 3;
               column-rule: 3px solid green;
           }
             
           #p1 {
               font-size: 20px;
               color: green;
           }
       
   
     
   
     
       
           
             Welcome to GeeksforGeeks.!
           
     
           
             Computer Science is the study of 
             computers and c omputational systems.
             Unlike electrical and computer engineers,
             computer scientists deal mostly with 
             software and software systems; this 
             includes their theory, design, development,
             and application. Principal areas of study 
             within Computer Science include artificial
             intelligence, computer systems and networks,
             security, database systems, human computer 
             interaction, vision and graphics, numerical
             analysis, programming languages, software 
             engineering, bioinformatics and theory of 
             computing. Although knowing how to program
             is essential to the study of computer science,
             it is only one element of the field. Computer
             scientists design and analyze algorithms to 
             solve programs and study the performance of 
             computer hardware and software. The problems
             that computer scientists encounter range from
             the abstract-- determining what problems can 
             be solved with computers and the complexity 
             of the algorithms that solve them – to the 
             tangible – designing applications that perform
             well on handheld devices, that are easy to use,
             and that uphold security measures.
             
       
       
       
       
           function mainFunction() {
     
               //  Set color using inherit.
               document.getElementById(
                       "myDIV").style.columnRuleColor =
                   "inherit";
           }
       
     
   
     

   输出：

   点击前：
   

   点击后：
   

   支持的浏览器： HTML支持的浏览器|下面列出了DOM 样式 columnRuleColor 属性：

   • 谷歌浏览器
   • 边缘
   • 苹果浏览器
   • 歌剧