CSS/Eigenschaften/container

Browserunterstützung
caniuse.com

Die Eigenschaft container ist die Zusammenfassung der Eigenschaften container-name und container-type. Der Container-Typ steht rechts vom Schrägstrich, die Spezifikation hat sich hier seit 2021 geändert!

Erlaubte Werte

container-name / container-type

• container-name: Liste von Namen für diesen Container
• container-type: none | size | inline-size;

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

siehe Einzelwerte

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

nein

Beispiel

main {
  container: inhalt / size;
}

.grid-item {
  container: zelle / inline-size;
}

Siehe auch

• CSS/Media Queries/Container Queries

Weblinks

• Spezifikation (CSSWG): container-shorthand CSS Containment Module Level 3
• Details: caniuse.com