Хусусияти list-style

Хусусияти list-style имкон медиҳад ки дар як вақт навъи маркер list-style-type, тасвир list-style-image ва мавқеи он list-style-position барои рӯйхатҳои ul ё ol муқаррар карда шавад.

Тартиби хусусиятҳо аҳамият надорад.

Намуна

Биёед барои рӯйхати худ маркерҳои квадратӣ муқаррар кунем:

html<ul>
  <li>айтори рӯйхат</li>
  <li>айтори рӯйхат</li>
  <li>айтори рӯйхат</li>
  <li>айтори рӯйхат</li>
  <li>айтори рӯйхат</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Намуна

Ва акнун биёед дар хусусияти list-style тасвир барои маркер ва ҷойгиршавии он дар дохили майдони матнӣ муқаррар кунем:

html<ul>
  <li>айтори рӯйхат</li>
  <li>айтори рӯйхат</li>
  <li>айтори рӯйхат</li>
  <li>айтори рӯйхат</li>
  <li>айтори рӯйхат</li>
</ul>

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

Результат: