CSS grid-column-start Eigenschaft

Definition und Verwendung

Die grid-column-start-Eigenschaft definiert, an welcher Spaltenkante das Element beginnen soll.

Weitere Informationen siehe:

CSS-Tutorial:CSS-Grid-Layout

CSS-Referenzhandbuch:grid-column-Eigenschaft

CSS-Referenzhandbuch:grid-column-end-Eigenschaft

CSS-Referenzhandbuch:grid-row-start-Eigenschaft

CSS-Referenzhandbuch:grid-row-end-Eigenschaft

Beispiel

Machen Sie "item1" ab Spalte 2 beginnen:

.item1 {
  grid-column-start: 2;
}

Probieren Sie es selbst aus

CSS-Syntax

grid-column-start: auto|span n|column-line;

Eigenschaftswert

Wert Beschreibung
auto Standardwert. Die Positionen werden mit dem Fluss positioniert.
span n Legt fest, wie viele Spalten das Element quer überbrücken soll.
column-line Legt fest, von welcher Spalte an die Positionen angezeigt werden.

Technische Details

Standardwert: auto
Vererbung: Nein
Animationsherstellung: Unterstützt. Siehe:Animationsbezogene Eigenschaften.
Version: CSS Grid Layout Modul Level 1
JavaScript-Syntax: object.style.gridColumnStart="3"

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die diese Eigenschaft vollständig unterstützt.

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