Referenz:CSS/Eigenschaften/grid

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft grid CSS 3.0
Beschreibung Zusammenfassung der Eigenschaften der expliziten grid-Eigenschaften (grid-template-rows, grid-template-columns, und grid-template-areas), der impliziten grid-Eigenschaften (grid-auto-rows, grid-auto-columns, und grid-auto-flow), und der Spalten-Eigenschaften (grid-column-gap und grid-row-gap)
erlaubte Werte
  • siehe Einzelwerte
  • none
default-Wert
  • siehe Einzelwerte
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 Definition Shorthand: the grid property
Beispiel
#container {
  display: grid;
  grid: repeat(2, 60px) / auto-flow 80px;
}
Beachten Sie

Es könnnen entweder die expliziten oder die impliziten Werte gesetzt werden. Nicht gesetzte Eigenschaften erhalten die Defaultwerte.
Mit grid können die Spalteneigenschaften nicht gesetzt werden, es überschreibt aber vorhergehende Festlegungen durch die jeweiligen Defaultwerte.

Tipp

{{{Tipp}}}