Selektory css - Listy

określa wygląd znacznika elementu listy
typy listy nieuporządkowanej (ul):
- disc - Wypełniony okrąg.
- circle - Pusty okrąg.
- square - Wypełniony kwadrat.
typy listy uporządkowanej (ol):
- decimal - Liczby dziesiętne, zaczynając od 1.
- decimal-leading-zero - Liczby dziesiętne poprzedzone początkowym zerem (np. 01, 02, 03, ..., 98, 99).
- lower-roman - Małe cyfry rzymskie (i, ii, iii, iv, v itp.).
- upper-roman - Duże cyfry rzymskie (I, II, III, IV, V itp.).
- lower-greek - Małe litery z klasycznej greki: alpha, beta, gamma, ... (α, ß, γ, ...).
- lower-latin - Małe litery ascii (a, b, c, ... z).
- upper-latin - Duże litery ascii (A, B, C, ... Z).
- lower-alpha - Tak samo jak lower-latin.
- upper-alpha - Tak samo jak upper-latin.
- none - Bez wypunktowania.
Wartość: countingsystem | disc | circle | square | none | inherit
Wartość początkowa: disc
Używany z: display-item elements
Dziedziczenie: tak
Przykład:

Zapis	Wygląd
`<ol style="list-style-type: decimal-leading-zero"> <li>`punkt 01. ... `<li>`punkt 02 `</ol>`	punkt 01. Domyślna pozycja markera outside, w liście uporządkowanej. punkt 02
`<ul style="list-style-type: square"> <li>`punkt 1. ... `<li>`punkt 2 `</ul>`	punkt 1. Domyślna pozycja markera outside, o czym piszę nieco niżej. punkt 2

Zapis	Wygląd
`<ul style="list-style-image: url(.../obrazek.gif)"> <li>`punkt 1 `<li>`punkt 2 `</ul>`	punkt 1 punkt 2

Własność określa, czy markery wykazu są wyświetlane poza blokiem tekstu, czy też wewnątrz, z następującym zaraz po nim tekstem.
Wartość: inside | outside | inherit
Wartość początkowa: outside
Używany z: punkty wykazu
Dziedziczenie: tak
Przykład:

Zapis	Wygląd
`<ol style="list-style-position: inside"> <li>`punkt 01 ... `<li>`punkt 02 `</ol>`	punkt 01. W tym punkcie postaram się opisać to, na czym absolutnie się nie znam. punkt 02. Gdybym się na tym znał przytoczyłbym więcej szczegółów.
`<ul style="list-style-position: inside"> <li>`punkt 1. ... `<li>`punkt 2 `</ul>`	punkt 1. Kolejny przykład z zastosowaniem pozycji markera inside. punkt 2

Pozwala ustawić jednocześnie wartości 'list-style-type', 'list-style-image' i 'list-style-position'. Nie ma wymogu, aby podawać w tej deklaracji pełną listę cech składowych, jednak jeśli jakąś opuścimy, zostanie jej przypisana wartość domyślna. Dlatego poniższa reguła stylów nie ustawi wyróżnika wewnątrz wykazu (inside), ponieważ nie zostało to określone w deklaracji list-style, która tutaj unieważnia list-style-position.
Wartość: [list-style-type || list-style-position || list-style-image] | inherit
Używany z: punkty wykazu
Dziedziczenie: tak
Przykład:

Zapis	Wygląd
`ul { list-style: inside url(.../obrazek.gif) }`	punkt 1. Kolejny przykład z zastosowaniem pozycji markera inside. punkt 2

Polecenie to pozwala nam w sposób jawny zdefiniować odstępy markerów od treści wykazu. Długości mogą być ujemne, jeśli mogą być wyświetlone.
Wartość: length [auto] | inherit
Wartość początkowa: auto
Używany z: wszystkie elementy
Dziedziczenie: nie
Przykład:

Zapis	Wygląd
`ul {marker-offset: 3cm}`	punkt pierwszy punkt drugi punkt trzeci
`ul, li { list-style-type: none; display: block; margin: 0; padding: 0; background: url(marker.gif) no-repeat left top; padding-left: 2cm;}`	taka wersja bo poprzednia na ogół nie działa