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
{ list-style-type: sType }
Valeurs possibles
sType
Une Chaîne qui spécifie l'une des valeurs suivantes :
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> 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;
} |
haut-romain |
I, II, III, IV, etc. attendez. |
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!