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 :

fonction htmlspecialchars_decode, htmlspecialchars_decode

Convertit les entités HTML spéciales en caractères

fonction bin2hex, bin2hex

Convertit des données binaires en représentation hexadécimale

les grilles en bootstrap

Comment on utilise le système de grilles Bootstrap 3 pour deviser facilement les pages web en lignes et colonnes.