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

css : utilisation et définition de la position de style de liste

黄舟
Libérer: 2017-06-29 10:55:46
original
2457 Les gens l'ont consulté

Syntaxe :

list-style-position : outside | inside
Copier après la connexion

Paramètres :

extérieur : la balise d'élément de liste est placée à l'extérieur du texte et le texte environnant n'est pas aligné selon le balise
à l'intérieur : la balise de l'élément de liste est placée dans le texte et le texte environnant est aligné en fonction de la balise

Description :

Définit ou récupère la façon dont la balise de l'élément de liste est l'objet est disposé selon le texte.
ne fonctionne que sur les objets avec une valeur display égale à l'élément de liste (tels que les objets li).
Remarque : L'attribut type des objets ol et ul spécifie l'attribut list pour tous les éléments de liste suivants (tels que les objets li). Veuillez consulter mes autres écrits.
La fonctionnalité de script correspondante est listStylePosition. Veuillez consulter les autres livres que j'ai écrits.

Exemple :

ul.in { display: list-item; list-style-position: inside; }
Copier après la connexion

Il s'agit d'un élément de liste nommé Xiaoqiang. N'est-il pas adorable ?

Il s'agit d'un élément de liste nommé Xiaoqiang. N'est-il pas adorable ?

Il s'agit d'un élément de liste nommé Xiaoqiang. N'est-il pas adorable ?

La propriété list-style-position définit où placer le balisage de l'élément de liste.

Description

Cet attribut est utilisé pour déclarer la position de la marque de liste par rapport au contenu de l'élément de liste. Le drapeau extérieur est placé à une certaine distance de la bordure de l'élément de liste, mais cette distance n'est pas définie en CSS. Les indicateurs internes sont traités comme s'il s'agissait d'éléments en ligne insérés au début du contenu de l'élément de liste.

css : utilisation et définition de la position de style de liste

Valeurs possibles

css : utilisation et définition de la position de style de liste

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!