CSS/Eigenschaften/grid-column-start

Die Eigenschaft grid-column-start legt den horizontalen Beginn der grid-area fest.

Erlaubte Werte

• auto: entspricht einer automatischen Platzierung mit dem Schlüsselwort span und einem Standardwert 1
• <custom-ident>: ein Name
• eine Ganzzahl. Negative Werte zählen vom Ende des expliziten Grids her (d. h. automatisch erzeugte Spalten werden nicht beachtet)
• ein <custom-ident>-Name, optional um eine ganzzahlige Zahl erweitert, falls Sie mehrere Rasterlinien gleichen Namens haben.
• das Schlüsselwort span und ein <custom-ident>-Name oder eine ganzzahlige Zahl oder beides

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

• auto

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

nein

Beispiel

nav {
  grid-column-start: 1;
  grid-column-end:   2;
  grid-row-start:    2;
  grid-row-end:      3;
}
header {
  grid-column-start: span 3;
}

Die Navigation beginnt an der ersten vertikalen Rasterlinie.
Der header überspannt drei Spalten.

Siehe auch

• CSS/Tutorials/Grid
• Implizite und explizite Erzeugung
  Anfangs- und Endlinien festlegen

Weblinks

• W3C: grid-column-start