HTML | DOM 样式 columnWidth 属性

DOM 中的 columnWidth 属性用于指定列的宽度。

句法：

• 返回 columnWidth 属性：

  object.style.columnWidth

• 设置 columnWidth 属性：

  object.style.columnWidth = "auto | length | initial | inherit" 

属性值：

自动：默认值。列宽将由浏览器决定

length：指定列宽的长度

初始：将此属性设置为其默认值。阅读关于初始

继承：从其父元素继承此属性。阅读继承

例子：

  

    
        GeeksforGeeks
        Style columnWidth Property
        Click
  
        
            HTML stands for Hyper Text Markup Language.
          It is used to design web pages using markup language.
          HTML is the combination of Hypertext and 
          Markup language. Hypertext defines the link 
          between the web pages. Markup language is used 
          to define the text document within tag which 
          defines the structure of web pages. HTML is 
          a markup language which is used by the browser
          to manipulate text, images and other content 
          to display it in required format.
        
  
        
            function GFGFun() {
              //Chrome, Safari, Opera
                document.getElementById("DIVid").style.WebkitColumnWidth="50px"; 
                // Firefox
                document.getElementById("DIVid").style.MozColumnWidth="50px"; 
                document.getElementById("DIVid").style.columnWidth="50px";
            }
        
    

  

输出：
前：

后：

支持的浏览器： HTML DOM Style columnWidth 属性支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• Firefox MozColumnWidth
• 苹果Safari
• 歌剧