CSS-Box-Größenbestimmung

Das CSS-Box-Größenbestimmungsmodul ermöglicht es Entwicklern, festzulegen, wie Elemente ihren Inhalt ausfüllen oder in einen bestimmten Layoutkontext passen. Es definiert Größen, Mindestgrößen und Maximalgrößen-Eigenschaften und erweitert die CSS-Größen-Eigenschaften mit Schlüsselwörtern, die inhaltsbasierte intrinsische Größe und kontextbasierte extrinsische Größe repräsentieren.

Elemente können entweder extrinsisch oder intrinsisch dimensioniert werden. Das CSS-Boxmodell definiert seitenbezogene Eigenschaften, um die Größe eines Elements explizit oder "extrinsisch" festzulegen, einschließlich width, height, padding und margin-Eigenschaften (zusammen mit den border-Eigenschaften, die im CSS-Hintergrund- und Rand- Modul definiert sind). Dieses CSS-Box-Größenbestimmungsmodul erweitert das CSS-Box-Modul, um es einem Element zu ermöglichen, intrinsisch dimensioniert zu werden – die Größe des Elements basierend auf der Größe seines Inhalts festzulegen.

Die in diesem Modul eingeführten Größenwerte ermöglichen es Elementen mit Größenbegrenzung, explizite intrinsische Größen anzunehmen, als ob die Breite und Höhe ihres im Fluss befindlichen Inhalts der angegebenen expliziten intrinsischen Größe entspricht, anstatt so dimensioniert zu werden, als wären sie leer.

Dieses Modul führte auch die Möglichkeit ein, ein Seitenverhältnis für die Box eines Elements zu definieren, was bedeutet, dass der Browser die Abmessungen eines Elements automatisch anpassen kann, um ein angegebenes Seitenverhältnis beizubehalten, solange eine der Abmessungen automatisch dimensioniert ist.

Das Modul für logische Eigenschaften und Werte erweiterte die im Boxmodell und im Boxgrößenmodul verfügbaren Eigenschaften, um schreibmodus-relative Äquivalente der entsprechenden physischen Boxmodell- und intrinsischen Boxgrößen-Eigenschaften einzuschließen.