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