Referenz:CSS/Eigenschaften/grid-area

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft grid-area CSS 3.0
Beschreibung Die grid-area-Eigenschaft ist die Zusammenfassung der Eigenschaften grid-row-start, grid-column-start, sowie grid-row-end und grid-column-end. Sie legt Größe und Position innerhalb der grid row fest, indem durch eine Linie, Spanne oder none der Abstand der grid-area festgelegt wird.
erlaubte Werte
  • siehe Einzelwerte
  • none
default-Wert
anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Vererbung nein
animierbar nein
Browsersupport
  • Chrome
  • Firefox
  • Leer
  • Opera
  • Safari
Spezifikation W3c logo klein.gif grid-area
Beispiel
#item1 {
  background-color: lime;
  grid-area: 2 / 2 / auto / span 3;
}
Beachten Sie

Die Eigenschaft ist im IE und Edge nicht implementiert.

Tipp

{{{Tipp}}}