Berechneter Wert

Der berechnete Wert einer CSS-Eigenschaft ist der Wert, der während der Vererbung von Eltern- zu Kindelementen übertragen wird. Er wird aus dem spezifizierten Wert berechnet, indem:

1. Die speziellen Werte inherit, initial, revert, revert-layer und unset verarbeitet werden.
2. Die notwendige Berechnung durchgeführt wird, um den Wert zu erreichen, der in der Zeile "Berechneter Wert" in der Definitionstabelle der Eigenschaft beschrieben wird.

Die Berechnung, die erforderlich ist, um den berechneten Wert einer Eigenschaft zu erreichen, beinhaltet typischerweise die Umwandlung relativer Werte (wie solche in em-Einheiten oder Prozentsätzen) in absolute Werte. Zum Beispiel, wenn ein Element die spezifizierten Werte font-size: 16px und padding-top: 2em hat, dann ist der berechnete Wert von padding-top 32px (das Doppelte der Schriftgröße).

Jedoch verwandeln sich bei einigen Eigenschaften (bei denen Prozentsätze relativ zu etwas sind, das möglicherweise ein Layout zur Bestimmung erfordert, wie width, margin-right, text-indent und top) prozentual spezifizierte Werte in prozentual berechnete Werte. Außerdem werden einheitslose Zahlen, die auf der line-height-Eigenschaft spezifiziert sind, wie angegeben zum berechneten Wert. Die relativen Werte, die im berechneten Wert verbleiben, werden absolut, wenn der verwendete Wert bestimmt wird.