CSS grid-column-gap egenskap
- föregående sida grid-column-end
- nästa sida grid-column-start
Definition och användning
grid-column-gap egenskap definierar storleken på kolumnmellanrummet i grid-layout.
Se också:
CSS-lärarhandledning:CSS-grid
CSS-referenshandbok:grip-gap egenskap
CSS-referenshandbok:grip-row-gap egenskap
Exempel
Ställ in kolumnmellanrummet till 50 pixlar:
.grid-container {
grid-column-gap: 50px;
}
CSS-syntax
grid-column-gap: length;
Egenskapsvärde
| Värde | Beskrivning |
|---|---|
| length | Någon giltig längdvärde, t.ex. pixlar eller procent. Standardvärdet är 0. Se vidareLängdenheter. |
Tekniska detaljer
| Standardvärde: | 0 |
|---|---|
| Arv: | Nej |
| Animationsskapare: | Stöds. Se vidare:Animation relaterade egenskaper. |
| Version: | CSS Grid Layout Module Level 1 |
| JavaScript-syntax: | object.style.gridColumnGap="50px" |
Webbläsarstöd
Talen i tabellen anger den första webbläsarens version som fullständigt stöder egenskapen.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- föregående sida grid-column-end
- nästa sida grid-column-start
