oujood.com

CSS La propriété : list-style-type

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 (à puce)

chercher |

CSS le type de style de liste


Les propriétés CSS

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 (à puce).

Définition et utilisation:La propriété list-style-type

La propriété list-style-type spécifie le type de marqueur ( puce ) des éléments d'une liste .

Code css exemple : Sélectionner le code
	ul {list-style-type:square}
	ol {list-style-type:lower-alpha}
	

La valeur par défaut: disc
Héritée: oui
Version: CSS1
la syntaxe JavaScript: object.style.listStyleType="square"

Valeurs de la propriété :list-style-type

Valeur Description
none Aucun marqueur
circle Le marqueur est un cercle
disc Le marqueur est un cercle plein. Par défaut
square Le marqueur est un carré
armenian numérotation arménienne traditionnelle.
decimal Le marqueur est un nombre (1, 2, 3, etc)
decimal-leading-zero Le marqueur est un nombre avec des zéros initiaux (01, 02, 03, etc)
georgian numérotation géorgienne traditionnelle : an, gan, he, tan, in, in-an.
lower-alpha Le marqueur est une alphabet en minuscule (a, b, c, d, e, etc)
lower-greek Le marqueur est lettre grec minuscule (alpha, bêta, gamma, etc)
lower-latin Le marqueur est latin minuscule (a, b, c, d, e, etc)
lower-roman Le marqueur est nombre romain (I, II, III, IV, V, etc)
upper-alpha Le marqueur est une alphabet en majuscule(A, B, C, D, E, etc)
upper-latin Le marqueur est lettre latin majuscule (A, B, C, D, E, etc)
upper-roman Le marqueur est nombre romain majuscule(I, II, III, IV, V, etc)
inherit Indique que le paramètre de la propriété doit être héritée de l'élément parent. Internet Explorer (IE8 y compris) ne supporte pas cette valeur

La couleur du marqueur sera la même que la couleur de l'élément auquel il s'applique.

Seuls quelques éléments (<li> et <summary>) ont une valeur par défaut de display : list-item. Cependant, la propriété list-style-type peut être appliquée à tout élément dont la valeur d'affichage est définie sur list-item. De plus, comme cette propriété est héritée, elle peut être définie sur un élément parent (généralement <ol> ou <ul>) pour l'appliquer à tous les éléments de la liste.

Par carabde 10 mars 2014

Voir aussi nos tutoriel :

L'Attribut dir

Spécifie l'orientation du texte dans un élément

Tutoriel AJAX

Tutoriel AJAX : AJAX est l'art de l'échange de données avec un serveur et les parties de la mise à jour d'une page web - sans recharger la page entière.

la fonction include

Les includes