Définition de la css list-style

Propriété css : list-style

Détails des versions feuilles de style css list-style
css1
css2
Détails de compatiblilité de la feuilles de style css list-style pour les navigateurs
Internet Explorer 4+
Netscape 6+
Netscape 4.78
Mozilla + et Firefox +

Définition de list-style

La propriété de feuille de style css list-stylepermet de spécifier plusieurs propriétés d'une liste en une seule déclaration.
Exemple de code :
/*
list-style: list-style-type; list-style-position ;list-style-image;
*/
.identifiant{
  list-style: lower-alpha outside;
}

La propriété de feuille de style list-style css peut pendre les trois valeurs à la suite (ordre indifférent) :
- list-style-type spécifie le type de la liste.
- list-style-image mettre une image à la place de l'item (ou puce).
- list-style-position, spécifie l'alignement par rapport à l'item ou puce lors d'un retour à la ligne automatique .
Il est possible d'ommetre des valeurs.

- inherit, (valeur seule) hérite de son parent (css 2)
Descendre
Remonter

Exemple de code list-style

Application de list-style

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

La propriété de feuille de style css list-style peut remplacer en HTML ou XHTML sur la balise HTML ou XHTML LI, UL, OL, DD, DT, DL.

Descendre
Remonter

Héritage de list-style

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

Descendre
Remonter

Problèmes de list-style

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

Descendre
Remonter

FAQ

Répond aux questions suivantes :

Comment spécifier les propriétés d'une liste en une seule fois?
Liste des questions les plus fréquemment posées en css.
Descendre
Remonter

BUG INTERNAUTE

Explication

Vous trouverez ci-dessous divers bugs d'interprétation de la css list-style.
Ces bugs ont été transmis par les internautes du site.

J'ai vérifié certains bugs mais pour la plupart, ils sont soit sur MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.

Reporter un bug

Voir les Bugs[1]

Descendre
Remonter

Reporter un bug ou problème d'interprétationavec la propriété list-style
La balise HTML et XHTML LI correspond à une ligne d'une liste non ordonnée ou ordonnée.<LI> Exemple : Non ordonnée :<UL> <LI>Liste 1 <LI>Liste 2 </U...[Voir]La balise HTML et XHTML UL contient tous les éléments de la liste puce non ordonnée.<UL> </UL> Chaque élément de la liste est précédé par la balise HT...[Voir]La balise HTML et XHTML OL contient tous les éléments de la liste ordonnée.<OL> </OL>Chaque élément de la liste est précédé par la balise HTML et XHTM...[Voir]La balise HTML et XHTML DD permet de définir un résumé d'une définition dans une liste de définitions. <DD>La balise HTML et XHTML DL contient tous le...[Voir]La balise HTML et XHTML DT permet de définir un titre d'une définition dans une liste de définitions.<DT>La balise HTML et XHTML DL contient tous les ...[Voir]La balise HTML et XHTML DL contient tous les éléments de la liste de définition.<DL> </DL> Le mot que l'on veut définir est précédé de <DT>. La défini...[Voir]La propriété de feuille de style css LIST-STYLE-IMAGE permet de mettre une image à la place de l'item ou puce.identifiant{ list-style-image: URL(../i...[Voir]La propriété de feuille de style css LIST-STYLE-POSITION permet de spécifier l'alignement gauche du texte par rapport à l'item ou puce lors d'un retou...[Voir]La propriété de feuille de style css LIST-STYLE-TYPE permet de spécifier le type de la liste, si la liste est ordonnée ou si la liste est non ordonnée...[Voir]La propriété de feuille de style css DISPLAY permet de spécifier la manière dont un élément est affiché.identifiant{ display:block; } La propriétéde ...[Voir]