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 grid-area

Definicja stylu, przeznaczenie i użycie grid-area

Styl grid-area określa rozmiar i położenie elementu siatki w układzie siatki i jest skróconą właściwością dla następujących właściwości:

Właściwość grid-area może być również stosowana do przypisywania nazwy do elementu siatki. Do nazwanych elementów siatki można następnie odwoływać się przy pomocy właściwości grid-template-area kontenera siatki. Zobacz przykłady poniżej.

Wartości właściwości grid-area

Wartość Opis
grid-row-start Definiuje, w którym wierszu ma się rozpocząć wyświetlanie elementu.
grid-column-start Definiuje, w której kolumnie ma się rozpocząć wyświetlanie elementu.
grid-row-end Definiuje, w którym wierszu powinno zatrzymać się wyświetlanie elementu lub ile wierszy ma obejmować.
grid-column-end Definiuje, w której linii kolumny ma zatrzymać się wyświetlanie elementu lub ile kolumn ma obejmować.
itemname Definiuje nazwę elementu siatki

Składnia CSS grid-area

grid-area: grid-row-start / grid-column-start / grid-row-end / grid-column-end | itemname;

Wsparcie przeglądarek dla właściwości grid-area

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
grid-area 57.0 16.0 52.0 10.0 44.0

Przykładowe zastosowania właściwości grid-area

 

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