List-style īpašība

Īpašība list-style ļauj vienlaicīgi iestatīt marķiera tipu list-style-type, attēlu list-style-image un tā pozīciju list-style-position sarakstiem ul vai ol.

Īpašību secībai nav nozīmes.

Piemērs

Iestatīsim mūsu sarakstam kvadrātveida marķierus:

html<ul>
  <li>saraksta vienība</li>
  <li>saraksta vienība</li>
  <li>saraksta vienība</li>
  <li>saraksta vienība</li>
  <li>saraksta vienība</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

Piemērs

Tagad iestatīsim īpašībā list-style attēlu marķierim un tā novietojumu iekšā teksta laukā:

html<ul>
  <li>saraksta vienība</li>
  <li>saraksta vienība</li>
  <li>saraksta vienība</li>
  <li>saraksta vienība</li>
  <li>saraksta vienība</li>
</ul>

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

Результат: