Wykazy
Typ stylu
selektor { list-style-type: typ }
Selektorem mogą być znaczniki dotyczące wykazów:
ul - wypunktowanie,
ol - wykaz numerowany oraz
li - pojedynczy punkt wykazu [zobacz:
Wstawianie stylów].
Natomiast "
typ" odpowiada za wygląd wyróżnika wykazu (markera) i należy zamiast niego wpisać:
- disc - koło
Przykład:
list-style-type: disc
- Punkt pierwszy
- Punkt drugi
- Punkt trzeci
- circle - okrąg
Przykład:
list-style-type: circle
- Punkt pierwszy
- Punkt drugi
- Punkt trzeci
- square - kwadrat
Przykład:
list-style-type: square
- Punkt pierwszy
- Punkt drugi
- Punkt trzeci
- decimal - liczby arabskie
Przykład:
list-style-type: decimal
- Punkt pierwszy
- Punkt drugi
- Punkt trzeci
- lower-alpha - małe litery
Przykład:
list-style-type: lower-alpha
- Punkt pierwszy
- Punkt drugi
- Punkt trzeci
- upper-alpha - duże litery
Przykład:
list-style-type: upper-alpha
- Punkt pierwszy
- Punkt drugi
- Punkt trzeci
- upper-roman - duże liczby rzymskie
Przykład:
list-style-type: upper-roman
- Punkt pierwszy
- Punkt drugi
- Punkt trzeci
- lower-roman - małe liczby rzymskie
Przykład:
list-style-type: lower-roman
- Punkt pierwszy
- Punkt drugi
- Punkt trzeci
- none - brak wyróżnika (markera)
Przykład:
list-style-type: none
- Punkt pierwszy
- Punkt drugi
- Punkt trzeci
Oprócz tego Netscape 6, Firefox oraz częściowo Opera 6, Chrome i MSIE 8.0 (wartości dla CSS 2.1) obsługują dodatkowo następujące typy:
- decimal-leading-zero ("prowadzące zero" np.: 01, 02, 03,...)
- lower-latin (małe łacińskie: a, b, c,... z) - to samo co lower-alpha
- upper-latin (duże łacińskie: A, B, C,... Z) - to samo co upper-alpha
- lower-greek (małe greckie: έ, ή, ί,...)
- georgian (an, ban, gan,..., he, tan, in, in-an,...)
- armenian
- hebrew (hebrajskie) (CSS 2.0)
- cjk-ideographic (CSS 2.0)
- hiragana (a, i, u, e, o, ka, ki,...) (CSS 2.0)
- katakana (A, I, U, E, O, KA, KI,...) (CSS 2.0)
- hiragana-iroha (i, ro, ha, ni, ho, he, to,...) (CSS 2.0)
- katakana-iroha (I, RO, HA, NI, HO, HE, TO,...) (CSS 2.0)
Następujące wartości list-style-type wchodzą w skład CSS 2.0, ale nie CSS 2.1: hebrew, cjk-ideographic, hiragana, katakana, hiragana-iroha, katakana-iroha.
UWAGA! Niestety Internet Explorer 7.0 nie interpretuje dodatkowych typów, natomiast MSIE 8.0 obsługuje pierwszą część (CSS 2.1) dodatkowych typów, ale tylko w trybie Standards Compliance.
Zobacz także
-
-
Czcionki / Styl
W jaki sposób wprowadzić czcionkę pochyloną (kursywa)? Czym różni się styl "italic" od "oblique"?
-
Obramowanie / Styl obramowania
Jak dodać obramowanie do dowolnego elementu: linia przerywana (kreskowa i kropkowa), linia ciągła, podwójne obramowanie, rowek, grzbiet, ramka, przycisk?
Więcej tematów