Atrybut CSS grid-column-gap

Definicja i użycie

Atrybut grid-column-gap definiuje rozmiar przestrzeni między kolumnami w układzie siatki.

Inne źródła:

Kurs CSSCSS siatka

Podręcznik CSSAtrybut grip-gap

Podręcznik CSSAtrybut grip-row-gap

Przykład

Ustawienie odległości między kolumnami na 50 pikseli:

.grid-container {
  grid-column-gap: 50px;
}

Spróbuj sam

Gramatyka CSS

grid-column-gap: length;

Wartość atrybutu

Wartość Opis
length Każda legalna wartość długości, np. piksele lub procent. Domyślna wartość to 0. Zobacz:Jednostki długości.

Szczegóły techniczne

Domyślna wartość: 0
Dziedziczenie: nie
Tworzenie animacji: Obsługiwane. Zobacz:Atrybuty animacji.
Wersja: Moduł układu siatki CSS poziom 1
Gramatyka JavaScript: object.style.gridColumnGap="50px"

Wsparcie przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44