config

Style CSS

Spis alfabetyczny stylów CSS.

Ściąga CSS - przykłady, style CSS alfabetycznie, spis stylów CSS, właściwości CSS, skorowidz stylów CSS.


 

Strona w trakcie modernizacji

Zapraszamy wkrótce

Właściwość CSS counter-reset

Definicja stylu, przeznaczenie i użycie counter-reset

Właściwość counter-reset tworzy lub resetuje jeden lub więcej liczników CSS.

Właściwość counter-reset jest zwykle używana razem z właściwością counter-increment i właściwością content.

Wartości właściwości counter-reset

Wartość Opis
none Domyślna wartość. Żadne liczniki nie zostaną zresetowane.
id number Identyfikator określa, który licznik zresetować. Liczba określa wartość, do której licznik jest resetowany przy każdym wystąpieniu selektora. Domyślna wartość liczbowa to 0
initial Ustawia tę właściwość na jej wartość domyślną.
inherit Dziedziczy tę właściwość z elementu nadrzędnego.

Składnia CSS counter-reset

counter-reset: none | name number | initial | inherit;

Wsparcie przeglądarek dla właściwości counter-reset

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość chrome edge firefox safari opera
counter-reset 4.0 8.0 2.0 3.1 9.6

Przykładowe zastosowania właściwości counter-reset

figure {
counter-reset:licznik-1 5;
}

figure > div::before {
content:counter(licznik-1) ' - ';
color: red;
}

Efekt
5. Przykładowy element "div"
5. Przykładowy element "div"
5. Przykładowy element "div"
5. Przykładowy element "div"
5. Przykładowy element "div"

 

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony , , Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, tel. +48 780 060 995, Pon. - pt. 8:00 - 17:00

 

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony

Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
tel. +48 780 060 995,
Pon. - pt. 8:00 - 17:00