list-style CSS propriété

Définition de la CSS list-style.

La propriété de Listes CSS list-style est un raccourci pour spécifier type du marqueur d'item et la position du texte par rapport au marqueur d'item.

Exemple de syntaxe CSS list-style :
list-style: upper-alpha;
list-style: circle;
list-style: outside url(puce.gif);
list-style: lower-alpha outside;

La propriété de feuille de style list-style CSS peut pendre les trois valeurs à la suite :

  • : spécifie le type marqueur d'item de liste.
  • : mettre une image à la place du marqueur d'item de liste.
  • : spécifie l'alignement par rapport au marqueur d'item de liste lors d'un retour à la ligne automatique.
Il est possible d'omettre des valeurs.

La propriété de feuille de style list-style CSS peut pendre aussi la valeur de :

  • inherit, (valeur seule) hérite de son parent (css 2)

Conditions d'application de la CSS list-style.

La propriété CSS list-style est applicable sur les balises HTML ou XHTML ayant pour valeur :list-item.

Héritage des valeurs Css de list-style.

L'héritage des balises filles dépend de chaque propriété CSS qui compose la propriété CSS list-style.

Problème d'interprétation de list-style en Css.

Attention, les versions Netscape < 6 ne prennent en compte que "list-style-type".
La propriété CSS list-style peut poser de problèmes si les 3 valeurs ne sont pas mises.

Propriétés CSS utilisées dans le raccourci list-style.

Spécifier les propriétés de liste individuellement

Si vous ne voulez pas utiliser le raccourci list-style, vous pouvez définir individuellement chaque propriété en utilisant une des propriétés CSS suivante :

Exemple d'écriture CSS de propriétés de listes définies individuellement :
.ma-liste{
  list-style-type     : circle;
  list-style-position : inside;
  list-style-image    : url(/img/style_css/puce.gif); 
}

Compatibilités navigateurs de la propriété list-style

Détails des versions de la CSS list-style
Résumé du support navigateurs de la CSS list-style

Equivalence de la CSS list-style en HTML.

La propriété CSS list-style peut s'appliquer directement sur la balise HTML ou XHTML , , .

Votre avis sur la définition list-style en CSS

Votez pour la définition CSS list-style

  • 1/5
  • 2/5
  • 3/5
  • 4/5
  • 5/5

Avis sur la page https://www.zonecss.fr/proprietes-css/list-style-css.html Votes: 4.2 / 5 - 22 votes
Cliquez sur une étoile pour voter.