Actual value
The actual value of a CSS property is the used value of that property after any necessary approximations have been applied. For example, a user agent that can only render borders with a whole-number pixel width may round the thickness of the border to the nearest integer.
Calculating a property's actual value
The user agent performs four steps to calculate a property's actual (final) value:
- First, the specified value is determined based on the result of cascading, inheritance, or using the initial value.
- Next, the computed value is calculated according to the specification (for example, a
span
withposition: absolute
will have its computeddisplay
changed toblock
). - Then, layout is calculated, resulting in the used value.
- Finally, the used value is transformed according to the limitations of the local environment, resulting in the actual value.
Specifications
Specification | Status | Comment |
---|---|---|
CSS Level 2 (Revision 1) The definition of 'actual value' in that specification. | Recommendation | Initial definition. |
See also
- CSS Key Concepts: CSS syntax, at-rule, comments, specificity and inheritance, the box, layout modes and visual formatting models, and margin collapsing, or the initial, computed, resolved, specified, used, and actual values. Definitions of value syntax, shorthand properties and replaced elements.
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/actual_value