Maison > interface Web > tutoriel CSS > Explication détaillée sur l'utilisation de l'attribut de style liste en CSS

Explication détaillée sur l'utilisation de l'attribut de style liste en CSS

黄舟
Libérer: 2017-06-29 09:16:11
original
2571 Les gens l'ont consulté

list-style-type -- Définir le style de liste

valeurs : disque cercle carré | | supérieur-romain | inférieur-latin | supérieur-latin | géorgien | alpha inférieur | hériter

disque : point

cercle

carré : Carré

décimal : Nombre

decimal-leading-zero : Nombre décimal, moins de deux chiffres sont remplis de 0 non significatifs, par exemple : 01, 02, 03 , ..., 98, 99

minuscule romain : caractères romains minuscules, tels que : i, ii, iii, iv, v, ...

majuscule romain : majuscule Caractères romains, par exemple : I, II, III, IV, V, ...

minuscules grecs : lettres grecques minuscules, par exemple : α(alpha), β(beta), γ(gamma) , ...

minuscule-latin : latin minuscule, par exemple : a, b, c, ... z

majuscule-latin : latin majuscule, par exemple : A, B, C, .. . Z

arménien : chiffres arméniens

géorgien : chiffres géorgiens, par exemple : an, ban, gan, ..., he, tan, in, in-an, ...

alpha inférieur : latin minuscule, par exemple : a, b, c, ... z

alpha supérieur : latin majuscule, par exemple : A, B, C , ... Z

aucun : Aucun (annuler tous les styles de liste)

hériter :Hériter

CitationSite Web : http://www.dreamdu.com/css/property_list-style-type/

Valeur initiale : disque

Héritage : Oui

Applicable à : tous les éléments appartenant à liste

liste, la signification de "liste" en chinois.style, la signification de "style" en chinois.type, la signification de "type" en chinois.

Exemple

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

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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal