CSS : explication détaillée de l'utilisation du type de style de liste-tutoriel CSS-php.cn

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：

css list-style-type 使用方法

source：php.cn

Article précédent：css utilise la balise devant list-style-position pour occuper une ligne séparée Article suivant：Explication détaillée des attributs de type liste de Ul et Li en CSS

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

Derniers articles par auteur

Matériel vidéo sur la création de votre propre framework PHP à partir de zéro

2023-03-15 16:54:01
Exemple d'analyse de la façon dont PHPMailer utilise la boîte aux lettres QQ pour compléter la fonction d'envoi d'e-mails

2023-03-15 12:26:02
Introduction à la façon de recevoir des e-mails en IMAP en php

2023-03-14 18:58:01
Exemple de mise en œuvre rapide de la déduplication de tableau en PHP

2023-03-14 11:30:01
Résumé de l'utilisation de tous les attributs de la balise en html

1970-01-01 08:00:00
Résumé des connaissances de base de PHP (nécessaire aux débutants pour débuter)

2023-03-16 15:20:01
Introduction à l'utilisation de typeof en JavaScript

1970-01-01 08:00:00
Introduction à l'utilisation de la méthode confirm() en JavaScript

1970-01-01 08:00:00
Une introduction détaillée à l'attribut HTML5 Placeholder

1970-01-01 08:00:00
Comment implémenter la sélection unique, la sélection multiple et la sélection inversée dans les formulaires dans ReactJS

1970-01-01 08:00:00

Derniers numéros

Listes imbriquées dans différents styles Le HTML et les listes sont un nouveau niveau pour moi et j'essaie de créer une liste imbri...

Depuis 2024-03-31 16:20:05

271

Rubriques connexes

Plus>

Recommandations populaires

Tutoriels populaires

Plus>

Tutoriels associés

Recommandations populaires

Derniers cours

Derniers téléchargements

Plus>

effets Web

Code source du site Web

Matériel du site Web

Modèle frontal

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.