list-style-ominaisuus

Ominaisuus list-style mahdollistaa samanaikaisesti asettaa luettelon merkin tyypin list-style-type, kuvan list-style-image ja sen sijainnin list-style-position luetteloille ul tai ol.

Ominaisuuksien järjestyksellä ei ole merkitystä.

Esimerkki

Asetetaan luettelollemme neliömäiset merkit:

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;
}

Результат:

Esimerkki

Asetetaan nyt ominaisuuteen list-style kuva merkille ja sen sijainti tekstikentän sisällä:

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;
}

Результат: