CSS/Eigenschaften/grid-column-end

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft grid-column-end legt das horizontale 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 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;
}
Die Navigation endet an der zweiten vertikalen Rasterlinie.

Siehe auch

Weblinks