Atrybut CSS grid-column-gap
- poprzednia strona grid-column-end
- następna strona grid-column-start
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; }
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 |
- poprzednia strona grid-column-end
- następna strona grid-column-start