Egenskapen list-style

Egenskapen list-style lar deg samtidig sette markørtypen list-style-type, bildet list-style-image og plasseringen list-style-position for lister ul eller ol.

Rekkefølgen på egenskapene har ingen betydning.

Eksempel

La oss sette firkantede markører for listen vår:

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

cssul {
  list-style: square outside;
}

Результат:

Eksempel

Og la oss nå sette et bilde for markøren og plasseringen innenfor tekstfeltet i egenskapen 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;
}

Результат: