Extrinsische Größe

In CSS wird die extrinsische Größe eines Elements durch seinen Layout-Kontext bestimmt, also durch von außen auf das Element auferlegte Einschränkungen, ohne Berücksichtigung seines Inhalts. Dies ist das Gegenteil der intrinsischen Größe eines Elements, die auf dessen Inhalt basiert.

Extrinsische Größenbestimmung erfolgt, wenn Sie die Größe eines Elements explizit festlegen oder einschränken, indem Sie Eigenschaften des CSS-Box-Modells wie width, height, block-size, inline-size, max-width und min-height verwenden. Wenn Sie beispielsweise width: 200px setzen, spezifizieren Sie eine extrinsische Größe.

Prozentwerte sind ebenfalls extrinsisch; sie werden relativ zum Enthaltenden Block des Elements berechnet. Zum Beispiel bedeutet width: 50%, dass die Breite des Elements 50% der Breite seines enthaltenden Blocks beträgt, unabhängig vom Inhalt des Elements.

Block-Level-Elemente werden extrinsisch dimensioniert. Wenn keine Breite angegeben ist, beträgt die Standardbreite des Block-Elements auto, was einer Breite von 100% des enthaltenden Blocks entspricht.