attribut LIST-STYLE
Rôle
L’attribut list-style permet de définir toutes les propriétés de liste en une seule fois.
Version : CSS1
Héritage (inherit) : oui
Propriété Javascript : element.style.listStyle
Testez vous-même cet attribut
Utilisez Codepen.
– Le code CSS
li{
list-style: url(//lorempixel.com/output/abstract-q-c-16-16-1.jpg) inside square;
background-color: silver;
}
– Le code HTML
<ul> <li>liste 1</li> <li>liste 2</li> <li>liste 3</li> <li>liste 4</li> </ul>
Résultat
Compatibilité
L’attribut list-style est pris en charge par tous les principaux navigateurs
Valeurs
Les différentes valeurs doivent être séparées par un espace. La syntaxe globale est la suivante :
list-style: list-style-type list-style-position list-style-imageSi l’une des valeurs ci-dessus est manquante, c’est la valeur par défaut qui sera utilisée
Les différentes valeurs de l’attribut list-style sont:
- list-style-type
- Voir list-style-type pour en savoir plus
- list-style-position
- Voir list-style-position pour en savoir plus
- list-style-image
- Voir list-style-image pour en savoir plus
- initial
- Le style est défini à sa valeur initiale (attention pas pris en charge par Internet Explorer et Opéra en dessous de la version 15). Peut être utilisé pour « neutraliser » une spécificité, par exemple un élément de liste peut ignorer le style imposé par une feuille de style qui le cible.
Syntaxe :
list-style : initial - inherit
- Hérite de la même propriété que l’élément parent.
Syntaxe :
list-style : inherit
A voir aussi
list-style– list-style-position– list-style-type– list-style-image
