CSS grid-column-gap- Eigenschaft
Beispiel
Stellen Sie den Abstand zwischen den Spalten auf 50 Pixel ein:
.grid-container {
grid-column-gap: 50px;
}
Definition und Verwendung
Die grid-column-gap
Eigenschaft definiert die Größe des Abstands zwischen den Spalten in einem Rasterlayout.
Hinweis: Diese Eigenschaft wurde in CSS3 in umbenannt.
column-gap
Standardwert: | 0 |
---|---|
Vererbt: | Nein |
Animierbar: | ja. Lesen Sie mehr über animierbare |
Ausführung: | CSS-Grid-Layout-Modul Stufe 1 |
JavaScript-Syntax: | Objekt .style.gridColumnGap="50px" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
grid-column-gap | 57 | 16 | 52 | 10 | 44 |
CSS-Syntax
grid-column-gap: length;
Eigenschaftswerte
Value | Description | Play it |
---|---|---|
length | Any legal length value, like px or %. 0 is the default value. Read about length units |
Verwandte Seiten
CSS-Tutorial: CSS-Grid-Layout
CSS-Referenz: Die Grid-Gap- Eigenschaft
CSS-Referenz: Die Grid-Row-Gap- Eigenschaft