List-style häsiýeti

list-style häsiýeti ul ýa-da ol sanawlar üçin markeriň görnüşini list-style-type, suratyny list-style-image we ýerleşişini list-style-position bir wagtda sazlamaga mümkinçilik berýär.

Häsiýetleriň ýerleşiş tertibiniň ahamiyeti ýok.

Mysal

Geliň sanawymyz üçin inedördül markerleri belirleýeliň:

html<ul>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Mysal

Indi bolsa, list-style häsiýetinde marker üçin suraty we onuň tekst meýdanynyň içinde ýerleşişini belirleýeliň:

html<ul>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
</ul>

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

Результат: