CSS-Box-Size

Das CSS-Box-Size-Modul ermöglicht es Entwicklern, festzulegen, wie Elemente ihren Inhalt einpassen oder sich in einen bestimmten Layout-Kontext einfügen. Es definiert Größen-, Mindestgrößen- und Maximalgrößeneigenschaften und erweitert auch die CSS-Größeneigenschaften mit Schlüsselwörtern, die inhaltsbasierte intrinsische Größe und kontextbasierte extrinsische Größe darstellen.

Elemente können entweder extrinsisch oder intrinsisch dimensioniert werden. Das CSS-Box-Modell definiert seitenbezogene Eigenschaften, um die Größe eines Elements explizit oder "extrinsisch" festzulegen, einschließlich der Eigenschaften width, height, padding und margin (zusammen mit border-Eigenschaften, die im Modul CSS-Hintergründe und -Rahmen definiert sind). Dieses CSS-Box-Size-Modul erweitert das CSS-Box-Modell-Modul, um es einem Element zu ermöglichen, intrinsisch dimensioniert zu werden, das heißt, die Größe des Elements anhand der Größe seines Inhalts zu bestimmen.

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

Dieses Modul hat auch die Möglichkeit eingeführt, ein Seitenverhältnis für den Rahmen 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 wird.

Das Modul logische Eigenschaften und Werte hat die im Box-Modell und in den Box-Size-Modulen verfügbaren Eigenschaften erweitert und modusschreibbezogene Äquivalente der entsprechenden physischen Box-Modell- und intrinsischen Box-Größeneigenschaften hinzugefügt.