Własność CSS list-style-type

Własność CSS list-style-type określa typ markera listy, którym może być zestaw symboli, zestaw znaków wybranego alfabetu, dowolny łańcuch znaków i wiele innych. Marker ten jest widoczny tylko wtedy, gdy jednocześnie jako markera listy za pomocą własności list-style-image nie ustawiono obrazu.

Wartości i składnia własności list-style-type

Własność CSS list-style-type przyjmuje następujące wartości:

Nazwa licznika

Nazwa jednego z gotowych liczników dostępnych w CSS lub licznika utworzonego przez użytkownika za pomocą reguły @counter-style. Poniżej znajduje się lista wszystkich standardowych liczników CSS w kolejności alfabetycznej.

arabic-indic

armenian

bengali

cambodian

circle

cjk-decimal

cjk-earthly-branch

cjk-heavenly-stem

decimal

decimal-leading-zero

devanagari

disc

disclosure-closed

disclosure-open

ethiopic-numeric

georgian

gujarati

gurmukhi

hebrew

hiragana

hiragana-iroha

japanese-formal

japanese-informal

kannada

katakana

katakana-iroha

khmer

korean-hangul-formal

korean-hanja-formal

korean-hanja-informal

lao

lower-alpha

lower-armenian

lower-greek

lower-latin

lower-roman

malayalam

mongolian

myanmar

oriya

persian

simp-chinese-formal

simp-chinese-informal

square

tamil

telugu

thai

tibetan

trad-chinese-formal

trad-chinese-informal

upper-alpha

upper-armenian

upper-latin

upper-roman

Łańcuch znaków

Dowolny łańcuch znaków ujęty w cudzysłów, np.:

<ol style="list-style-type: 'Uwaga: ';">
  <li>Raz</li>
  <li>Dwa</li>
  <li>Trzy</li>
  <li>Cztery</li>
  <li>Pięć</li>
  <li>Sześć</li>
  <li>Siedem</li>
  <li>Osiem</li>
</ol>

Efekt:

Funkcja symbols()

Funkcja symbols() tworzy anonimowe style liczników

Słowo kluczowe none

Oznacza brak markera

Podsumowanie