config

Właściwość CSS gap

Definicja stylu, przeznaczenie i użycie gap

Właściwość gap definiuje rozmiar przerwy między wierszami i kolumnami. Jest to skrót dla następujących właściwości:

Uwaga: właściwość gap była wcześniej znana jako grid-gap.

Właściwość background jest skróconą właściwością dla:

Wartości właściwości gap

Wartość Opis
row-gap Ustawia rozmiar odstępu między wierszami w układzie siatki.
column-gap Ustawia rozmiar odstępu między kolumnami w układzie siatki.

Składnia CSS gap

gap: row-gap column-gap;

Wsparcie przeglądarek dla właściwości gap

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
gap (w wielu kolumnach) 66.0 16.0 61.0 Niewspierany 53.0
gap (w grid) 66.0 16.0 61.0 10.1 53.0
gap (we flexbox) 84.0 84.0 63.0 Niewspierany 70.0

 

Przykładowe zastosowania z właściwością gap

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

Właściwość CSS:
gap:

 
Rezultat:
1
2
3
4
5
6
Kod CSS:
#myDIV {
gap: 20px;
}
 

Przykłady właściwości gap

 

 

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