Comment utiliser la position de style de liste CSS

L'attribut list-style-position est utilisé pour spécifier la position de la marque à afficher au début de la liste. Il existe des méthodes de spécification externes et internes. list-style- en CSS Comment utiliser la position, jetons un coup d'œil au contenu spécifique ci-dessous.

Qu'est-ce que la position de style de liste ?

Il permet de spécifier l'affichage de la marque (·) dans

. (Recommandations associées : Manuel d'apprentissage CSS)

Précisons la position du marqueur dans la liste en ajoutant les valeurs suivantes. La balise

extérieur

est affichée à l'extérieur, elle devient un affichage en retrait (en retrait). La balise

inside

est affichée à l'intérieur de la zone de contenu de la liste, elle définit la hauteur de la balise et la partie à l'extérieur de la balise.

La marque peut être complètement supprimée en exécutant le code suivant.

list-style-position: inside;
list-style-type: none;

Regardons le code spécifique

HTML

<ul>
  <li>test</li>
  <li>test</li>
  <li>test</li>
</ul>

CSS

li {
  list-style-position: inside;
  list-style-type: none;
}

L'effet d'affichage sur le navigateur est le suivant : la marque (·) a disparu

Cet article se termine ici Pour plus de contenu connexe, vous pouvez faire attention au site Web PHP chinois. Tutoriel vidéo CSSEn savoir plus ! ! !

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!