# Wykazy

### list-style

Wartość | [`list-style-type` || `list-style-position` || `list-style-image`] | `inherit`
Używany z | punkty wykazu
Dziedziczenie | tak
Przykład | `UL { list-style: decimal inside }`

Pozwala ustawić jednocześnie wartości 'list-style-type', 'list-style-image' i 'list-style-position'.

### list-style-type

Wartość | `countingsystem` | `disc` | `circle` | `square` | `none` | `inherit`
Wartość początkowa | disc
Używany z | display-item elements
Dziedziczenie | tak

Własność określa wygląd markera wyświetlanego z punktami wykazu. Zauważ, że nierozpoznany system liczenia będzie wyświetlany jako dziesiętny, a systemy alfabetyczne są nieokreślone poza punktem końcowym (tj. Z lub ekwiwalentem).
`countingsystem` jest jednym z

- `decimal`1, 2, 3, ...
- `decimal-leading-zero` wstawia dodatkowe zera : 01, 02, 03, ..., 98, 99.
- `lower-roman, upper-roman` : liczebniki rzymskie.
- `hebrew, georgian, armenian, cjk-ideographic, hiragana, katakana, hiragana-iroha, katakana-iroha`
- `lower-latin` lub `lower-alpha` : a, b, c, ...
- `upper-latin` lub `upper-alpha` : A, B, C, ...
- `lower-greek`

Określa, jaki typ markera jest używany w wykazie.

      OL { list-style-type: decimal }       /* 1 2 3 4 5 etc. */
      OL { list-style-type: lower-alpha }   /* a b c d e etc. */
      OL { list-style-type: lower-roman }   /* i ii iii iv v etc. */

### list-style-image

Wartość | `address` `none` | `inherit`
Wartość początkowa | none
Używany z | punkty wykazu
Dziedziczenie | tak

Określa grafikę użytą w charakterze markera w wykazie.

### list-style-position

Wartość | `inside` | `outside` | `inherit`
Wartość początkowa | outside
Używany z | punkty wykazu
Dziedziczenie | tak

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.

### marker-offset

Wartość | `length` [`auto`] | `inherit`
Wartość początkowa | auto
Używany z | wszystkie elementy
Dziedziczenie | nie
Przykład | `UL { counter-increment: listitem 1 }`

Własność określa odległość między markerem wykazu i tekstem w ramach wykazu. Długości mogą być ujemne, jeśli mogą być wyświetlone.

# Liczniki

### counter-reset

Wartość | [`countername` [`integer`]] | `none`| `inherit`
Używany z | wszystkie elementy
Dziedziczenie | nie
Przykład | `UL { counter-reset: listitem 1 }`

Własność wylicza nazwy liczników, które sam przydzielasz, razem z opcjonalną wartością całkowitą. Licznik jest resetowany to tej wartości za każdym razem, gdy pojawia się element, któremu przydzielono tę własność. Wartość domyślna to 0.

### counter-i

ncrement

Wartość | [`countername` [`integer`]] | `none`| `inherit`
Używany z | wszystkie elementy
Dziedziczenie | no
Przykład | `UL { counter-increment: listitem 1 }`

Wylicza liczniki, razem z opcjonalną wartością całkowitą, która określa, o ile następują przyrosty licznika, gdy pojawia się element z przypisaną mu konkretną własnością. Domyślny przyrost to 1, dozwolone są przyrosty zerowe i ujemne. Licznik jest zwiększany po każdej operacji resetowania, która w nim zaszła.
Aby wyspecyfikować wiele liczników dla elementu, musisz wyliczyć je wszystkie; w przeciwnym wypadku ostatnia definicja wymusi pierwszeństwo nad wcześniejszymi.

### Zagnieżdżanie

Liczniki są zagnieżdżane, jeśli dokonujemy redefinicji w ramach bloku, który ich używa. Na przykład, jeśli użyjemy licznika w ramach wykazu <UL> i utworzymy kolejny wykaz w ramach pierwszego wykazu, drugi wykaz automatycznie zyska swój własny licznik, niezależny od pierwszego. Odwołania do licznika będą automatycznie dokonywane w stosunku do właściwej instancji licznika.

### Wygląd liczników

Domyślny licznik jest dziesiętny, ale możesz użyć `counter(`countername`, `list-style-type`)` do określenia rozwiązań alternatywnych, które są zdefiniowane w opisie własności `list-style-type`.
Dowolny element mający element `display` ustawiony na `none` nie może używać licznika.

### Wyświetlanie liczników

Liczniki są wyświetlane z własnością `content` pseudoelementów :before i :after.

- `counter(`countername`, `[style]`)`. Opcjonalny atrybut stylu jest normalnie dziesiętny, ale może być cokolwiek zdefiniowanego we własności `list-style-type`.
- `counter(`countername, string, style`)` wyświetla wszystkie liczniki o danej nazwie, rozdzielone danym ciągnem znaków.