config

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

 

 

Obszar działalności – tworzenie stron internetowych w miastach:

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe
Adres:, 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 | Teksty SEO pozycjonujące strony | Grafika na strony internetowe

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