List-style-position aýratynlygy

list-style-position aýratynlygy sanaw markeriniň nähili görkezilmegini kesgitleýär: sanawyň içinde ýa-da daşynda ul ýa-da ol teginiň.

Sintaksis

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

Görnüşleri

Deslapky bahasy: outside.

Mysal . Inside bahasy

html<ul>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
</ul>

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

Результат:

Mysal . Outside bahasy

html<ul>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
</ul>

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

Результат:

Şeýle-de görüň