CSS/Eigenschaften/grid-row

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft grid-row ist die Zusammenfassung der Eigenschaften grid-row-start und grid-row-end. Sie legt Größe und Position innerhalb der grid row fest, indem vertikaler 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
  • Vererbung steuernde Werte inherit, initial, unset und revert
  • Defaultwert: * auto
anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Browsersupport Details: caniuse.com
Vererbung nein
animierbar nein
Beispiel
nav {
  grid-column: 1 / -1;
  grid-row:    2 / 3;
}
Die Navigation beginnt an der zweiten horizontalen Rasterlinie und endet an der dritten Rasterlinie (zweite Reihe). Sie erstreckt sich über die gesamte zweite Reihe, da die Linien von links nach rechts gezählt werden; negative Werte jedoch rechts beginnen.
Beachten Sie: Für die Browser IE10-11 benötigen Sie den vendorprefix -ms-.

Weblinks

Siehe auch