Referenz:CSS/Eigenschaften/grid-column-end

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft grid-column-end CSS 3.0
Beschreibung Die grid-column-end-Eigenschaft 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 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-column-end
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.

Beachten Sie

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

Tipp

{{{Tipp}}}