CSS grid-column-gap Eigenschaft
- Vorherige Seite grid-column-end
- Nächste Seite grid-column-start
Definition und Verwendung
Die grid-column-gap-Eigenschaft definiert die Größe des Spaltenabstands im Rasterlayout.
Weitere Informationen siehe:
CSS-Tutorial:CSS-Grid-Layout
CSS-Referenzhandbuch:grip-gap-Eigenschaft
CSS-Referenzhandbuch:grip-row-gap-Eigenschaft
Beispiel
Setzen Sie den Spaltenabstand auf 50 Pixel:
.grid-container {
grid-column-gap: 50px;
}
CSS-Syntax
grid-column-gap: length;
Eigenschaftswert
| Wert | Beschreibung |
|---|---|
| length | Jeglicher gültiger Längenwert, z.B. Pixel oder Prozente. Standardwert ist 0. SieheLängeneinheit. |
Technische Details
| Standardwert: | 0 |
|---|---|
| Vererbung: | Nein |
| Animationserstellung: | Unterstützt. Siehe:Animationsspezifische Eigenschaften. |
| Version: | CSS Grid Layout Modul Level 1 |
| JavaScript-Syntax: | object.style.gridColumnGap="50px" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- Vorherige Seite grid-column-end
- Nächste Seite grid-column-start
