Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Propriété list-style-position

Description de la propriété list-style-position.

Définit la position des puces ou des numéros dans une liste ( balises li ).

Valeurs pour list-style-position.

  • list-style-position: outside;

    Valeur par défaut. Les puces ou les numéros se positionnent dans la marge gauche du paragraphe, en retrait.

  • list-style-position: outside;

    Les puces ou les numéros se positionnent dans le paragraphe, en repoussant la première ligne de texte.

  • list-style-position: initial;

    La valeur initiale est outside.

  • list-style-position: unset; list-style-position: inherit;

    Reportez-vous à la description générale de ces valeurs.

Simulateur.

list-style-position :

Les avantages des feuilles de style CSS sont multiples :

  • Il y a une séparation totale entre les informations et leur présentation : données et présentation sont des fichiers séparés. Ce qui facilite la séparation les tâches entre le développeur et le designer.
  • La conception et la construction du document peut se faire sans se soucier de la présentation.
  • La présentation du site internet est uniformisée, dans la mesure où les pages HTML font toutes référence aux mêmes feuilles de styles. Ce qui permet de plus des modifications rapides de la présentation d'un site web.
  • Plusieurs feuilles de styles peuvent être associées à un même document : une pour visualiser la page sur l'écran, une pour l'impression, une pour un affichage sur mobile, etc.
  • Le code HTML est réduit en taille et en complexité, puisqu'il ne contient plus de balises ni d'attributs de présentation.

Voir aussi...

Listes à puces ou à numéros - Propriétés.

  • list-style : Résumé des caractéristiques de listes à puces ou numérotées.
  • list-style-image : Définit une image à utiliser à la place des puces.
  • list-style-type : Définit le type des puces ou de la numérotation.

Listes à puces ou à numéros - Directives.

Listes à puces ou à numéros - Fonctions.

  • counter() : Renvoie la valeur actuelle d'un compteur.
  • counters() : Renvoie la valeur d'un compteur hiérarchique.
  • symbols() : Définit tous les paramètres d'une numérotation