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.


 

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

 

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