Atrybut CSS list-style-type

Definicja i użycie

Atrybut list-style-type ustawia typ znacznika elementu listy.

Zobacz również:

Tutorial CSS:CSS Lista

Podręcznik CSS:Atrybut CSS list-style

Podręcznik HTML DOM:Atrybut listStyleType

Przykład

Ustaw różne style listy:

ul.circle {list-style-type:circle;}
ul.square {list-style-type:square;}
ol.upper-roman {list-style-type:upper-roman;}
ol.lower-alpha {list-style-type:lower-alpha;}

Spróbuj sam!

(Więcej przykładów można znaleźć na dole strony)

Gramatyka CSS

list-style-type: value;

Wartość atrybutu

Wartości CSS2:

Wartość Opis
none Brak znacznika.
disc Domyślnie. Marker jest wypełnioną kulą.
circle Marker jest pustą kulą.
square Marker jest wypełnionym kwadratem.
decimal Marker jest liczbą.
decimal-leading-zero Numer zaczynający się od zera (01, 02, 03, itp.)
lower-roman Małe cyfry rzymskie (i, ii, iii, iv, v, itp.)
upper-roman Wielkie cyfry rzymskie (I, II, III, IV, V, itp.)
lower-alpha Małe litery angielskie The marker is lower-alpha (a, b, c, d, e, itp.)
upper-alpha Wielkie litery angielskie The marker is upper-alpha (A, B, C, D, E, itp.)
lower-greek Małe litery greckie (alpha, beta, gamma, itp.)
lower-latin Małe litery łacińskie (a, b, c, d, e, itp.)
upper-latin Wielkie litery łacińskie (A, B, C, D, E, itp.)
hebrew Tradycyjny sposób numeracji hebrajskiej
armenian Tradycyjny sposób numeracji ormiańskiej
georgian Tradycyjny sposób numeracji gruzińskiej (an, ban, gan, itp.)
cjk-ideographic Proste liczby ideograficzne
hiragana Znaczniki to: a, i, u, e, o, ka, ki, itp. (Japońskie kana na kana kakuji)
katakana Znaczniki to: A, I, U, E, O, KA, KI, itp. (Japońskie kana na kana kakuji)
hiragana-iroha Znaczniki to: i, ro, ha, ni, ho, he, to, itp. (Japońskie kana na kana kakuji)
katakana-iroha Znaczniki to: I, RO, HA, NI, HO, HE, TO, itp. (Japońskie kana na kana kakuji)

Wartości CSS2.1:

disc | circle | square | decimal | decimal-leading-zero | 
lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | 
armenian | georgian | none | inherit

Szczegółowe informacje techniczne

Domyślna wartość: disc
Inheredność: yes
Wersja: CSS1
Gramatyka JavaScript: object.style.listStyleType="square"

Więcej przykładów

Różne typy znaczników listy w nieuporządkowanej liście
Ten przykład pokazuje różne typy znaczników listy w CSS.
Różne typy znaczników listy w uporządkowanej liście
Ten przykład pokazuje różne typy znaczników listy w CSS.
Wszystkie typy stylów listy
Ten przykład pokazuje wszystkie różne typy znaczników listy w CSS.

Współczynność przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5