Sąvybė list-style

Sąvybė list-style leidžia vienu metu nustatyti žymeklio tipą list-style-type, paveikslėlį list-style-image ir jo padėtį list-style-position sąrašams ul arba ol.

Savybių tvarka reikšmės neturi.

Pavyzdys

Nustatykime mūsų sąrašui kvadratinius žymeklius:

html<ul>
  <li>sąrašo elementas</li>
  <li>sąrašo elementas</li>
  <li>sąrašo elementas</li>
  <li>sąrašo elementas</li>
  <li>sąrašo elementas</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Pavyzdys

Dabar nustatykime savybėje list-style žymeklio paveikslėlį ir jo išdėstymą teksto lauko viduje:

html<ul>
  <li>sąrašo elementas</li>
  <li>sąrašo elementas</li>
  <li>sąrašo elementas</li>
  <li>sąrašo elementas</li>
  <li>sąrašo elementas</li>
</ul>

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

Результат: