CSS/Eigenschaften/grid-row-end

Die Eigenschaft grid-row-end legt das vertikale Ende 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 Zeilen 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;
}

Die Navigation endet an der dritten vertikalen Rasterlinie.

Weblinks

• W3C: grid-row-end
• CSS/Tutorials/Grid
  • Implizite und explizite Erzeugung
    Anfangs- und Endlinien festlegen