CSS : explication détaillée de l'utilisation du type de style de liste

Cet article présente principalement comment utiliser l'attribut CSS list-style-type. Les amis dans le besoin peuvent se référer à

pour définir le type prédéfini de la marque de l'élément de ligne de l'objet. .
Syntaxe

Valeurs possibles
sType
Une Chaîne qui spécifie l'une des valeurs suivantes :

La valeur par défaut de cette propriété est disc . Cette propriété sera héritée. Annotations Si la valeur de l'attribut list-style-image est définie sur none , ou si l'image pointée par l'URL ne peut pas être affichée, l'attribut list-style-type détermine le apparition de la balise list-item. L'attribut list-style-type peut être appliqué à n'importe quel élément après avoir appliqué les attributs margin et display:list-item. Si vous définissez la marge gauche d'un élément de campagne sur 0 à l'aide de l'une des propriétés de marge, le balisage de l'élément de liste ne sera pas affiché. Cette marge doit être fixée à au moins 30 points. Exemple L'exemple suivant définit le balisage à l'aide de l'attribut list-style-type. Cet exemple utilise un élément UL comme sélecteur dans une feuille de style en ligne (globale) pour changer le type de balisage en cercle : list-style-type -- définit le style de liste valeurs : disque | carré | décimal-zéro | supérieur-romain | inférieur-latin | alpha | alpha supérieur | aucun | hériter disque : pointcercle : cerclecarré : carrédécimal : nombrezéro décimal : nombre décimal, moins de deux bits de remplissage avec des 0 en tête, par exemple : 01, 02, 03, ..., 98, 99minuscule-roman : texte romain minuscule, par exemple : i, ii, iii, iv, v, ... majuscule : caractères romains majuscules, tels que : I, II, III, IV, V, ...minuscule grec : lettres grecques minuscules, telles que : α(alpha), β(beta), γ( gamma ), ...minuscule-latin : latin minuscule, par exemple : a, b, c, ... zmajuscule-latin : latin majuscule, par exemple : A, B, C, .. zarménien : chiffres arméniensgéorgien : chiffres géorgiens, par exemple : an, ban, gan, ..., he, tan, in, in-an, ...alpha inférieur : Texte latin minuscule, par exemple : a, b, c, ... zalpha majuscule : Texte latin majuscule, par exemple : A, B, C, ... Zaucun : Aucun (annuler tout styles de liste) hériter : hériter valeur initiale : disque héritage : oui Applicable à : tous les éléments appartenant à la liste liste, chinois "liste" signifie.style, chinois " La signification de "style".type, la signification de "type" en chinois.Exemple

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

disc 默认值。实心圆。 circle 空心圆。 decimal 1、2、3、4 等等。 lower-alpha a、b、c、d 等等。 lower-roman i、ii、iii、iv 等等。 none 不显示任何标记。 square 实心正方形。 upper-alpha A、B、C、D 等等。 upper-roman I、II、III、IV 等等。 disque	Valeur par défaut. Cercle plein.
cercle	Cercle creux.
décimal	<style> ul {list-style-type:circle} </style> Copier après la connexion 1, 2, 3, 4 et ainsi de suite .
alpha inférieur	a, b, c, d, etc. attendez.
bas-romain	i, ii, iii, iv, etc. attendez.
aucun	Aucun balisage n'est affiché.
carré	Carré plein.
alpha supérieur	A, B, C, D, etc. attendez. ul { list-style-type:disc; } ul#circle { list-style-type:circle; } ul#square { list-style-type:square; } ul#decimal { list-style-type:decimal; } ul#decimal-leading-zero { list-style-type:decimal-leading-zero; } ul#lower-roman { list-style-type:lower-roman; } ul#upper-roman { list-style-type:upper-roman; } ul#lower-greek { list-style-type:lower-greek; } ul#lower-latin { list-style-type:lower-latin; } ul#upper-latin { list-style-type:upper-latin; } ul#armenian { list-style-type:armenian; } ul#georgian { list-style-type:georgian; } ul#lower-alpha { list-style-type:lower-alpha; } ul#upper-alpha { list-style-type:upper-alpha; } ul#none { list-style-type:none; } ol { list-style-type:lower-roman; } Copier après la connexion
haut-romain	I, II, III, IV, etc. attendez.