How to set listStyleImage, listStylePosition, and listStyleType in one declaration with JavaScript?



To set the list properties in a single declaration, use the listStyle property in JavaScript.

Example

You can try to run the following code to set the listStylePosition and listStyleType property in one declaration with JavaScript −

Live Demo

<!DOCTYPE html> <html>    <body>       <ol id="myID">          <li>One</li>          <li>Two</li>       </ol>       <button type="button" onclick="display()">Change style</button>       <script>          function display() {             document.getElementById("myID").style.listStyle = "circle outside";          }       </script>    </body> </html>
Updated on: 2020-06-23T13:03:09+05:30

122 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements