Berechneter Wert

Der berechnete Wert einer CSS-Eigenschaft ist der Wert, der während der Vererbung vom Elternteil an das Kind übertragen wird. Er wird aus dem spezifizierten Wert berechnet durch:

  1. Behandlung der speziellen Werte inherit, initial, revert, revert-layer und unset.
  2. Durchführung der Berechnung, die erforderlich ist, 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 normalerweise die Umwandlung relativer Werte (wie solche in em-Einheiten oder Prozentangaben) in absolute Werte. Wenn ein Element zum Beispiel die spezifizierten Werte font-size: 16px und padding-top: 2em hat, ist der berechnete Wert von padding-top 32px (das Doppelte der Schriftgröße).

Für einige Eigenschaften jedoch (jene, bei denen Prozentwerte relativ zu etwas sind, das eventuell ein Layout zur Bestimmung erfordert, wie width, margin-right, text-indent und top) werden prozentual spezifizierte Werte zu prozentual berechneten Werten. Außerdem werden als Zahl ohne Einheit auf der line-height-Eigenschaft angegebene Werte zum berechneten Wert, wie spezifiziert. Die relativen Werte, die im berechneten Wert verbleiben, werden absolut, wenn der benutzte Wert bestimmt wird.

Hinweis: Die getComputedStyle() DOM-API gibt den aufgelösten Wert zurück, der entweder der berechnete Wert oder der benutzte Wert sein kann, abhängig von der Eigenschaft.

Spezifikationen

Specification
Unknown specification
# computed-value
CSS Cascading and Inheritance Level 5
# computed-value

Siehe auch