HTML DOM Style listStyleType Property Last Updated : 22 Apr, 2024 Summarize Comments Improve Suggest changes Share Like Article Like Report The HTML DOM Style listStyleType property is used to set or return the list-item marker type. It has default values as "disc" for <ul> and "decimal" for <ol> and returns a string that represents the type of the list. SyntaxReturns the listStyleType property.object.style.listStyleTypeSet the listStyleType property.object.style.listStyleType = value"Return ValuesIt returns a string value, that represents the type of a list. Property Valuesarmenian: It is used to represent the marker in traditional Armenian numbering.circle: It is used to represent the marker in a circle.decimal: It is used to represent the marker in decimal format.lower-alpha: It is used to represent the marker in lower-alpha (a, b, c, d, e, etc).lower-roman: It is used to represent the marker in lower-roman (i, ii, iii, iv, v, etc).Example: In this example, we will change the list-item marker type to "lower-alpha". html <!DOCTYPE html> <html> <head> <title>HTML DOM Style listStyleType Property</title> </head> <body> <h2>HTML DOM Style listStyleType Property</h2> <b>Geeksforgeeks Courses:</b> <ul id="courses"> <li>Fork Python</li> <li>Fork CPP</li> <li>Sudo Placement</li> <li>Fork Java</li> </ul> <button onclick="myFunction()"> Change list-item marker to lower alphabet </button> <script> function myFunction() { document.getElementById("courses").style .listStyleType = "lower-alpha"; } </script> </body> </html> Output: Supported BrowsersGoogle Chrome 1 and aboveEdge 12 and aboveInternet Explorer 4 and aboveFirefox 1 and aboveOpera 3.5 and aboveApple Safari 1 and above Comment More infoAdvertise with us Next Article HTML DOM Style columnRule Property S Shubrodeep Banerjee Follow Improve Article Tags : Web Technologies HTML HTML-DOM HTML-Property Similar Reads HTML | DOM Location replace() Method The DOM Location replace() Method in HTML is used to replace the current document with the specified one. This method is different from the assign() method as this removes the current document from the document history, therefore it is not possible to go back to the previous document using the 'back 1 min read HTML DOM Style columnRule Property The Style columnRule property in HTML DOM sets or returns the width, style, and color of the rule between the columns. To get the columnRule Propertyobject.style.columnRule = valueTO set the columnRule propertyobject.style.columnRule = "column-rule-width column-rule-style column-rule-color | initial 4 min read HTML | DOM Style textIndent Property The DOM Style textIndent Property is used for indentation of the first line in each block of text. It also takes negative values. If the value is negative then the first line will be indented to the left. Syntax: It is used to set the textIndent property:object.style.textIndent = "length|%|initial|i 2 min read HTML DOM Style paddingLeft Property The Style paddingLeft property in HTML DOM is used to set or return the left padding of the element. Syntax: It returns the paddingLeft property. object.style.paddingLeftIt sets the paddingLeft Property. object.style.paddingLeft = "% | length | initial | inherit"Return value: It returns the string v 2 min read HTML DOM | Style paddingRight Property The Style paddingRight property is used for setting or returning the right padding of an element. The padding property inserts the user desired space within the border of an element. Syntax : To get the property:object.style.paddingRightTo set the property:object.style.paddingRight = "%|length|initi 2 min read HTML | DOM Style pageBreakBefore Property The pageBreakBefore property in HTML DOM is used to set or return the page-break-before characteristics before the specified element in HTML document. This property works in print and print preview mode. The pageBreakBefore property has no effect on absolutely positioned elements in the HTML DOM. Th 2 min read HTML | DOM Summary Object The DOM Summary Object is used to represent the HTML <summary> element . The Summary element is accessed by getElementById(). Syntax: document.getElementById("ID"); Where “id†is the ID assigned to the “summary†tag. Example-1: html <!DOCTYPE html> <html> <head> <title> 2 min read HTML | DOM Style userSelect Property The DOM Style UserSelect Property is used to set or return whether the text can be selected by the user or not. Syntax: It is used to return the property: object.style.userSelectIt is used to set the property: object.style.userSelect = "auto|none|text|all" Properties : auto: It has the default value 2 min read HTML | DOM Title Object The Title Object in HTML DOM is used to represent the HTML <title> element. The <title> element can be accessed by using getElementByTagName() method. Syntax: document.getElementByTagName(); Properties: The title object contains single property text which is used to set or return a text 2 min read HTML DOM | Style paddingLeft Property The Style paddingLeft property is used for setting or returning the left padding of an element. The padding property inserts the user desired space within the border of an element.Syntax : To get the property: object.style.paddingLeftTo set the property: object.style.left = "auto|length|%|initial|in 2 min read Like