Maison  >  Article  >  interface Web  >  Comment utiliser la position de style de liste CSS

Comment utiliser la position de style de liste CSS

不言
不言original
2018-11-27 11:14:163683parcourir

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

    Comment utiliser la position de style de liste CSS

    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!

    Déclaration:
    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