CSS - style liste

La description

La propriété de style liste est une propriété abrégée utilisée pour définir la position et le type de marqueurs dans une liste; il peut également être utilisé pour attribuer une image comme marqueur.

Valeurs possibles

  • <list-style-type> - Toute valeur autorisée pour la propriété type-style-liste.

  • <list-style-position> - Toute valeur autorisée pour la propriété list-style-position.

  • <list-style-image> - Toute valeur autorisée pour la propriété list-style-image.

S'applique à

Tous les éléments avec un affichage d'élément de liste.

Syntaxe DOM

object.style.listStyle = "decimal;"

Exemple

Voici l'exemple -

<html>
   <head>
   </head>
   
   <body>
      <ul style = "list-style-type:circle;">
         <li>Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ul>
      
      <ul style = "list-style-type:square;">
         <li>Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ul>
      
      <ol style = "list-style-type:decimal;">
         <li>Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ol>
      
      <ol style = "list-style-type:lower-alpha;">
         <li>Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ol>
      
      <ol style = "list-style-type:lower-roman;">
         <li>Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ol>
   </body>
</html>

Cela produira le résultat suivant -