Eigenschaft list-style-position

Die Eigenschaft list-style-position legt fest, wie der Listenmarker angezeigt wird: innerhalb oder außerhalb der ul- oder ol-Liste.

Syntax

cssSelektor {
  list-style-position: inside | outside;
}

Werte

Standardwert: outside.

Beispiel . Wert inside

html<ul>
  <li>Listenelement</li>
  <li>Listenelement</li>
  <li>Listenelement</li>
  <li>Listenelement</li>
  <li>Listenelement</li>
</ul>

cssul {
  list-style-position: inside;
  border: 1px solid red;
  width: 200px;
  padding-left: 0;
  margin-left: 10px;
}

Результат:

Beispiel . Wert outside

html<ul>
  <li>Listenelement</li>
  <li>Listenelement</li>
  <li>Listenelement</li>
  <li>Listenelement</li>
  <li>Listenelement</li>
</ul>

cssul {
  list-style-position: outside;
  border: 1px solid red;
  width: 200px;
  padding-left: 0;
  margin-left: 10px;
}

Результат:

Siehe auch