So verwenden Sie CSS list-style-position

Das Attribut list-style-position wird verwendet, um die Position der Markierung anzugeben, die am Anfang der Liste angezeigt werden soll. In diesem Artikel werden Ihnen externe und interne Spezifikationsmethoden vorgestellt Listenstil – Wie man Position verwendet, werfen wir einen Blick auf den spezifischen Inhalt unten.

Was ist eine Listenstilposition?

Wird verwendet, um die Anzeige der Markierung (·) in

festzulegen. (Verwandte Empfehlungen: CSS-Lernhandbuch)

Lassen Sie uns die Position der Markierung in der Liste angeben, indem wir die folgenden Werte hinzufügen.

außen

Tag wird außen angezeigt, es wird eingerückt (eingerückt) angezeigt. Das Tag

inside

wird innerhalb des Inhaltsbereichs der Liste angezeigt und legt die Höhe des Tags und den Teil außerhalb des Tags fest.

Die Markierung kann durch Ausführen des folgenden Codes vollständig entfernt werden.

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

Sehen wir uns den spezifischen Code an

HTML

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

CSS

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

zeigt den Effekt im Browser an Wie folgt: Die Markierung (·) ist verschwunden

Dieser Artikel endet hier. Weitere verwandte Inhalte finden Sie im CSS-Video-Tutorial auf PHP Chinesische WebsiteWeitere Informationen! ! !

Das obige ist der detaillierte Inhalt vonSo verwenden Sie CSS list-style-position. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!