CSS/Eigenschaften/grid-area

Die Eigenschaft grid-area 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

Vererbung steuernde Werte inherit, initial, unset und revert

Defaultwert

siehe Einzelwerte

• grid-row-start: auto
• grid-column-start: auto
• grid-row-end: auto
• grid-column-end: auto

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

nein

Beispiel

article {
  grid-area: 2 / 2 / auto / span 3;
}

 

Siehe auch

• CSS/Tutorials/Grid/benannte Linien und Rasterbereiche

Weblinks

• W3C: grid-area