Proprietatea list-style-position

Proprietatea list-style-position stabilește modul în care va fi afișat marcatorul listei: în interiorul sau în afara listei ul sau ol.

Sintaxă

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

Valori

Valoarea implicită: outside.

Exemplu . Valoarea inside

html<ul>
  <li>element listă</li>
  <li>element listă</li>
  <li>element listă</li>
  <li>element listă</li>
  <li>element listă</li>
</ul>

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

Результат:

Exemplu . Valoarea outside

html<ul>
  <li>element listă</li>
  <li>element listă</li>
  <li>element listă</li>
  <li>element listă</li>
  <li>element listă</li>
</ul>

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

Результат:

Vedeți și