List-style хусусияти

list-style хусусияти ul ёки ol рўйхатлари учун маркер тури list-style-type, сурат list-style-image ва унинг ўрни list-style-position ни бир вактда ўрнатиш имконини беради.

Хусусиятларнинг тартиби аҳамиятга эга эмас.

Мисол

Келинг, рўйхатимиз учун квадрат маркерларни ўрнатамиз:

html<ul>
  <li>рўйхат элементи</li>
  <li>рўйхат элементи</li>
  <li>рўйхат элементи</li>
  <li>рўйхат элементи</li>
  <li>рўйхат элементи</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Мисол

Энди esa list-style хусусиятида маркер учун сурат ва унинг матн майдони ичидаги ўрнини ўрнатамиз:

html<ul>
  <li>рўйхат элементи</li>
  <li>рўйхат элементи</li>
  <li>рўйхат элементи</li>
  <li>рўйхат элементи</li>
  <li>рўйхат элементи</li>
</ul>

cssul {
  list-style: url("li.gif") inside;
}

Результат: