Referenz:CSS/Eigenschaften/grid-column

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft grid-column CSS 3.0
Beschreibung Die grid-column-Eigenschaft ist die Zusammenfassung der Eigenschaften grid-column-start und grid-column-end. Sie legt Größe und Position innerhalb der grid column fest, indem horizontaler Beginn und Ende der grid-area festgelegt wird.
erlaubte Werte
  • auto: entspricht einer automatischen Platzierung mit dem Schlüsselwort span und einem Standardwert 1
  • <custom-ident>: ein Name, dessen Positionierung von grid-template-areas näher bestimmt wird.
  • eine ganzzahlige Zahl
  • ein <custom-ident>-Name und eine ganzzahlige Zahl
  • das Schlüsselwort span und ein <custom-ident>-Name oder eine ganzzahlige Zahl oder beides
default-Wert
  • auto
anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Vererbung nein
animierbar nein
Browsersupport
  • Chrome
  • Firefox
  • Leer
  • Opera
  • Safari
Spezifikation W3c logo klein.gif grid-column
Beispiel
nav {
  grid-column: 1 / 2;
  grid-row:    2 / 3;
}

Die Navigation beginnt an der ersten vertikalen Rasterlinie und endet an der zweiten Rasterlinie. Sie erstreckt sich über die erste Spalte.

Beachten Sie

Für die Browser IE10, IE 11 und Edge benötigen Sie den vendorprefix -ms-.

Tipp

{{{Tipp}}}