HTML | DOM 样式列属性

HTML DOM Style columns属性用于设置列的宽度和列数。

句法：

• 返回列属性：

  object.style.columns

• 设置列属性：

  object.style.columns= "auto|columnwidth columncount|
  initial|inherit"

  属性值：

  • 自动：将宽度和计数的值都设置为自动，即默认值（0）。
  • columnwidth：设置列的宽度。
  • columncount：设置列数。
  • 初始：将值设置为默认值。
  • 继承：它从其父元素继承值。

  例子：

      
        HTML | DOM Style columns Property
      
  
  
    
      
        GEEKSFORGEEKS welcomes you to the learning portal.
        GEEKSFORGEEKS welcomes you to the learning portal.
        GEEKSFORGEEKS welcomes you to the learning portal.
        GEEKSFORGEEKS welcomes you to the learning portal.
        GEEKSFORGEEKS welcomes you to the learning portal.
        GEEKSFORGEEKS welcomes you to the learning portal.
        GEEKSFORGEEKS welcomes you to the learning portal.
        GEEKSFORGEEKS welcomes you to the learning portal.
        GEEKSFORGEEKS welcomes you to the learning portal.
        GEEKSFORGEEKS welcomes you to the learning portal.
        GEEKSFORGEEKS welcomes you to the learning portal. 
        GEEKSFORGEEKS welcomes you to the learning portal.
        GEEKSFORGEEKS welcomes you to the learning portal.
        GEEKSFORGEEKS welcomes you to the learning portal.
        GEEKSFORGEEKS welcomes you to the learning portal.
        GEEKSFORGEEKS welcomes you to the learning portal.
    
      
      click
    
      
          function split() {
    
              // Set column width and count.
              document.getElementById(
                "example").style.columns = "200px 2";
    
              // Code for Firefox 
              document.getElementById(
                "example").style.MozColumns = "200px 2";
    
          }
      
    
  
    

  输出：

  • 点击按钮前：
    
  • 点击按钮后：
    

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

  • 铬合金
  • IE浏览器
  • 苹果浏览器
  • 歌剧