logo-tworzenie-stron-legnica

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 z-index

Definicja stylu, przeznaczenie i użycie z-index

Właściwość z-index definiuje kolejność elementu na stosie.

Element o większej liczbie zawsze znajduje się na stosie nad elementem o niższej liczbie.

Uwaga: z-index działa tylko na elementach pozycjonowanych (position: absolute, position: relative, position: fixed lub position: sticky).

Wartości właściwości z-index

Wartość Opis
auto Ustawia kolejność stosu równą jej rodzicom. Wartość domyślna.
number Ustawia kolejność stosu elementu. Dozwolone są liczby ujemne.
initial Ustawia tę właściwość na jej wartość domyślną.
inherit Dziedziczy tę właściwość z elementu nadrzędnego.

Składnia CSS z-index

z-index: auto | number | initial | inherit;

Wsparcie przeglądarek dla właściwości z-index

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
z-index 1.0 4.0 3.0 1.0 4.0

 

Przykładowe zastosowania z właściwością z-index

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

Właściwość CSS:
z-index:

 
Rezultat:
Mój Div
z-index 0
z-index 1
z-index 2
z-index 3
Kode CSS Code:
div#myBox {
position:absolute;
background-color:red;
z-index:auto;
}
 

 

Przykłady właściwości z-index

z-index: -1;

z-index: 10;

z-index: 999;

 

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