List-style xassəsi

list-style xassəsi ul və ya ol siyahıları üçün markerin növünü list-style-type, şəkli list-style-image və onun mövqeyini list-style-position eyni anda təyin etməyə imkan verir.

Xassələrin sırasının əhəmiyyəti yoxdur.

Nümunə

Gəlin siyahımız üçün kvadrat markerlər təyin edək:

html<ul>
  <li>siyahı elementi</li>
  <li>siyahı elementi</li>
  <li>siyahı elementi</li>
  <li>siyahı elementi</li>
  <li>siyahı elementi</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Nümunə

İndi isə gəlin list-style xassəsində marker üçün şəkil və onun mətn sahəsinin daxilində yerləşməsini təyin edək:

html<ul>
  <li>siyahı elementi</li>
  <li>siyahı elementi</li>
  <li>siyahı elementi</li>
  <li>siyahı elementi</li>
  <li>siyahı elementi</li>
</ul>

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

Результат: