Computed value

Der computed value eines CSS-Eigenschaftenwertes ist der Wert, der während der Vererbung von Eltern- zu Kindelement übertragen wird. Er wird aus dem specified value wie folgt berechnet:

  1. Behandlung der speziellen Werte inherit, initial, revert, revert-layer und unset.
  2. Berechnung, die erforderlich ist, um den Wert zu erreichen, der in der Zeile "Computed value" in der Definitionstabelle der Eigenschaft beschrieben ist.

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

Für einige Eigenschaften (solche, bei denen Prozentsätze relativ zu etwas sind, das für die Bestimmung des Layouts erforderlich sein kann, wie width, margin-right, text-indent und top) werden prozentual angegebene Werte zu prozentual berechneten Werten. Außerdem werden zahllose Zahlen, die auf der Eigenschaft line-height angegeben sind, als computed value beibehalten, wie angegeben. Die relativen Werte, die im computed value verbleiben, werden absolut, wenn der used value bestimmt wird.

Hinweis: Die DOM-API getComputedStyle() gibt den resolved value zurück, der je nach Eigenschaft entweder der computed value oder der used value sein kann.

Spezifikationen

Specification
Cascading Style Sheets Level 2 Revision 2 (CSS 2.2) Specification
# computed-value

Siehe auch