list-style қасиеті

list-style қасиеті бір уақытта list-style-type маркер түрін, list-style-image суретін және оның орнын list-style-position ul немесе ol тізімдері үшін орнатуға мүмкіндік береді.

Қасиеттердің реті маңызды емес.

Мысал

Тізімімізге шаршы маркерлерді орнатайық:

html<ul>
  <li>тізім элементі</li>
  <li>тізім элементі</li>
  <li>тізім элементі</li>
  <li>тізім элементі</li>
  <li>тізім элементі</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Мысал

Енді list-style қасиетінде маркер үшін суретті және оның орналасуын мәтін өрісінің ішінде орнатайық:

html<ul>
  <li>тізім элементі</li>
  <li>тізім элементі</li>
  <li>тізім элементі</li>
  <li>тізім элементі</li>
  <li>тізім элементі</li>
</ul>

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

Результат: