Maison > interface Web > tutoriel CSS > le corps du texte

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

黄舟
Libérer: 2018-05-23 16:03:16
original
6124 Les gens l'ont consulté

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 }
Copier après la connexion

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!

Étiquettes associées:
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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!

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.