Referenz:CSS/Eigenschaften/grid-row

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft grid-row CSS 3.0
Beschreibung Die grid-row-Eigenschaft 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
default-Wert
  • auto
anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Vererbung nein
animierbar nein
Browsersupport
  • Chrome
  • Firefox
  • IE 10
  • Opera
  • Safari
Spezifikation W3c logo klein.gif grid-row
Beispiel
nav {
  grid-column: 1 / 2;
  grid-row:    2 / 3;
}

Die Navigation beginnt an der zweiten horizontalen Rasterlinie und endet an der dritten Rasterlinie. Sie erstreckt sich über die zweite Reihe.

Beachten Sie

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

Tipp

{{{Tipp}}}