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:
- Behandlung der speziellen Werte
inherit
,initial
,revert
,revert-layer
undunset
. - 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
window.getComputedStyle
- CSS-Schlüsselkonzepte: