DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!
Die CSS-Eigenschaft container ist eine Kurzschreibweise, die die Eigenschaften container-name und container-type in einer einzigen Deklaration kombiniert.
.parent {
container: cards-grid / inline-size;
/* Equivalent to: */
container-name: cards-grid;
container-type: inline-size;
}Bestandteileigenschaften
Die Eigenschaft container ist eine Kurzschreibweise für die folgenden Eigenschaften.
container-name
.element { container-name: cards-grid; }
container-type
.element { container-type: inline-size; }
Syntax
container: <'container-name'> [ / <'container-type'> ]?- Anfangswert:
none/normal - Anwendbar auf: Alle Elemente
- Vererbt: Nein
- Prozentangaben: N/A
- Berechneter Wert: Wie angegeben
- Kanonische Reihenfolge: Gemäß Grammatik
- Animation: Nicht animierbar
Wenn <'container-type'> weggelassen wird, wird er auf seinen Anfangswert normal zurückgesetzt, der einen Style-Container anstelle eines Größencontainers definiert. Mit anderen Worten, alle Elemente sind standardmäßig Style-Container, es sei denn, wir setzen die Eigenschaft container-type explizit auf size oder inline-size, was es uns ermöglicht, die Größenabmessungen eines Containers abzufragen.
Spezifikation
Die Eigenschaft container ist in der CSS Containment Module Level 3 Specification definiert, die zum Zeitpunkt der Erstellung dieses Dokuments den Status eines Editor’s Draft hat.
Browser-Unterstützung
