list-style-position Özelliği

list-style-position özelliği, liste işaretçisinin ul veya ol listesinin içinde mi yoksa dışında mı görüntüleneceğini belirler.

Sözdizimi

cssseçici {
  list-style-position: inside | outside;
}

Değerler

Varsayılan değer: outside.

Örnek . Inside değeri

html<ul>
  <li>liste öğesi</li>
  <li>liste öğesi</li>
  <li>liste öğesi</li>
  <li>liste öğesi</li>
  <li>liste öğesi</li>
</ul>

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

Результат:

Örnek . Outside değeri

html<ul>
  <li>liste öğesi</li>
  <li>liste öğesi</li>
  <li>liste öğesi</li>
  <li>liste öğesi</li>
  <li>liste öğesi</li>
</ul>

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

Результат:

Ayrıca Bakınız