A list-style-position tulajdonság

A list-style-position tulajdonság határozza meg, hogy a lista jelölője hogyan jelenik meg: a lista ul vagy ol belsejében vagy kívül.

Szintaxis

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

Értékek

Alapértelmezett érték: outside.

Példa . Inside érték

html<ul>
  <li>listaelem</li>
  <li>listaelem</li>
  <li>listaelem</li>
  <li>listaelem</li>
  <li>listaelem</li>
</ul>

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

Результат:

Példa . Outside érték

html<ul>
  <li>listaelem</li>
  <li>listaelem</li>
  <li>listaelem</li>
  <li>listaelem</li>
  <li>listaelem</li>
</ul>

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

Результат:

Lásd még