HTML | DOM Style columns Property Last Updated : 08 Aug, 2022 Comments Improve Suggest changes Like Article Like Report HTML DOM Style columns Property is used to set the width of the column & column count. Syntax: To Return the column property: object.style.columns To Set the column property: object.style.columns= "auto|columnwidth columncount| initial|inherit" Property Values: Auto: Sets both values of width & count to auto i.e., default(0). columnwidth: Sets the width of the column. columncount: Sets the number of columns. initial: Sets the value to default. inherit: It inherits the value from its parent element. Example: html <!DOCTYPE html> <html> <head> <title> HTML | DOM Style columns Property </title> </head> <body> <div id="example"> 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. </div> <button onclick="split()">click</button> <script> function split() { // Set column width and count. document.getElementById( "example").style.columns = "200px 2"; // Code for Firefox document.getElementById( "example").style.MozColumns = "200px 2"; } </script> </body> </html> Output: Before clicking on button: After clicking on button: Supported Browsers: The browser supported by HTML | DOM Style columns Property are listed below: Google Chrome 50 and above Edge 12 and above Firefox 52 and above Internet Explorer 10 and above Safari 9 and above Opera 11.1 and above Comment More infoAdvertise with us A AkshayGulati Follow Improve Article Tags : Web Technologies HTML HTML-DOM Similar Reads HTML | DOM Input URL Object The Input URL object in HTML DOM represents an <input> element with type = "url" attribute. The element with type url can be accessed by using getElementById() method. Syntax: document.getElementById("id"); where id is assigned to the <input> tag. Property Values: list: It returns the re 3 min read HTML DOM Window frames Properties The HTML DOM Window frames property in HTML DOM is used to return the frame element in the form of an array object. This property represents all <iframe> elements in the current window. DOM Windowframe is a read-only property. Syntax:window.framesProperties:length property: It returns the numb 2 min read HTML | DOM Window opener Properties The Window opener property in HTML DOM is used to return the reference of newly created windows. This property is used to return the details of the source (parent) window. A window is opened using the window.open() method and closed using the window.opener.close() method. Syntax:window.openerReturn 2 min read HTML | DOM Style transitionTimingFunction property The DOM Style transitionTimingFunction property allows a transition effect to change speed over its duration. Transition effect provides a way to control animation speed when changing properties. Syntax: To set the property:object.style.transitionTimingFunction = "ease|linear|ease-in| ease-out|ease- 2 min read HTML DOM Style textAlign Property The HTML DOM style textAlign property is similar to the text-align property in the CSS. It sets the alignment for the inner content of a block element using HTML DOM. SyntaxWe can use textAlign in two different ways, one to set the alignment, and the other to get the current alignment. Get the valu 3 min read HTML | DOM Style visibility Property The Style visibility property in HTML DOM used to set the visibility for an element. It is used to hide or show the element. It returns the visibility property that is given to an element. Syntax: It returns the visibility property.object.style.visibilityIt is used to set the visibility property. ob 2 min read HTML DOM Style transitionProperty Property The Style transitionProperty property in HTML DOM used to set the name of the CSS property for the transition effect. It can occur when a user hover over an element. It returns the transitionProperty property of an element. Syntax: It returns the transitionProperty property. object.style.transitionP 2 min read HTML | DOM Style position Property The position property sets or returns the type of positioning method used by the element. It may be static, relative, absolute or fixed. Syntax: Return position syntax: object.style.position Set position syntax: object.style.position = "static | absolute | fixed | relative | sticky | initial | inher 4 min read HTML | DOM Style textDecorationLine Property The Style textDecorationLine property in HTML DOM used to set the decoration for a line. We can specify any number of decorations for a line. It returns the decoration that is given to the text. Syntax: It returns the textDecorationLine property. object.style.textDecorationLineIt is used to set the 2 min read HTML | DOM Style borderImageSlice Property The borderImageSlice property is used to specify the inward offsets of the image border. The user can specify the value of this property in terms of percentage, number or global values. Syntax: object.style.borderImageSlice = "number|%|fill|initial|inherit" Return Values: It returns a string value, 3 min read Like