Start·CSS-Eigenschaften

container-type

Layout

Erlaubt Stile, die auf die Größe eines Elternelements reagieren statt auf das Fenster.

Schreibweisecontainer-type: normal;
Gängige Wertenormal, inline-size, size
VererbtNein — sie endet hier
KategorieLayout

So liest man das

  • Eine vererbte Eigenschaft schreibt man einmal am Elternelement — alle Kinder übernehmen sie. Die meisten Texteigenschaften sind so.
  • Eine Kurzschreibweise setzt Weggelassenes zurück. Nur background: red löscht auch ein zuvor gesetztes Hintergrundbild.
  • Kollidieren Regeln, gewinnt der spezifischere Selektor; erst bei gleicher Spezifität zählt die Reihenfolge.
  • Animieren Sie transform und opacity — das bleibt flüssig. width oder top zwingt zur Neuberechnung des Layouts.

Häufige Fragen

Q. Was ist die CSS-Eigenschaft container-type?

Erlaubt Stile, die auf die Größe eines Elternelements reagieren statt auf das Fenster.

Q. Wie schreibt man container-type?

Als container-type: normal; Gängige Werte sind normal, inline-size, size.

Q. Wird container-type vererbt?

Nein. Sie gilt nur dort, wo sie steht — jedes Element braucht seine eigene Angabe.

Q. Zu welcher Gruppe gehört container-type?

Zur Gruppe Layout.

Eigenschaften derselben Gruppe

Referenzdoku