A list-style tulajdonság

A list-style tulajdonság lehetővé teszi a list-style-type jelölőtípus, a list-style-image kép és a list-style-position pozíció egyidejű beállítását a ul vagy ol listákhoz.

A tulajdonságok sorrendje nem számít.

Példa

Állítsuk be listánkhoz a négyzetes jelölőket:

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

Результат:

Példa

Most pedig állítsuk be a list-style tulajdonságban a jelölő képét és a szövegdobozon belüli elhelyezését:

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

Результат: