Egenskaben list-style

Egenskaben list-style gør det muligt at indstille markørtypen list-style-type, billedet list-style-image og dens position list-style-position for lister ul eller ol på én gang.

Rækkefølgen af egenskaber har ikke nogen betydning.

Eksempel

Lad os indstille firkantede markører for vores liste:

html<ul>
  <li>listeelement</li>
  <li>listeelement</li>
  <li>listeelement</li>
  <li>listeelement</li>
  <li>listeelement</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Eksempel

Lad os nu indstille et billede for markøren og dens placering inde i tekstfeltet med egenskaben list-style:

html<ul>
  <li>listeelement</li>
  <li>listeelement</li>
  <li>listeelement</li>
  <li>listeelement</li>
  <li>listeelement</li>
</ul>

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

Результат: