Egenskapen list-style

Egenskapen list-style låter dig samtidigt ställa in markörtyp list-style-type, bild list-style-image och dess position list-style-position för listor ul eller ol.

Ordningen på egenskaperna spelar ingen roll.

Exempel

Låt oss ställa in kvadratiska markörer för vår lista:

html<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Exempel

Och låt oss nu ställa in en bild för markören och dess placering inuti textfältet i egenskapen list-style:

html<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>

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

Результат: