თვისება list-style

თვისება list-style საშუალებას აძლევს ერთდროულად დააყენოს მარკერის ტიპი list-style-type, სურათი list-style-image და მისი მდებარეობა list-style-position სიებისთვის ul ან ol.

თვისებების თანმიმდევრობას მნიშვნელობა არ აქვს.

მაგალითი

დავაყენოთ ჩვენი სიისთვის კვადრატული მარკერები:

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

Результат:

მაგალითი

ახლა კი თვისებაში 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;
}

Результат: