Skip to content
Merged
Changes from 1 commit
Commits
Show all changes
23 commits
Select commit Hold shift + click to select a range
00b8842
renew css value processing document
sakupi01 Jul 27, 2025
7a730ad
correct anchor links
sakupi01 Jul 27, 2025
e16c142
use non-code/redirect ref
sakupi01 Jul 27, 2025
0a5567b
update non-inherited/inherited property code description
sakupi01 Jul 27, 2025
da297a2
Apply suggestion from @estelle
sakupi01 Aug 12, 2025
a7ff563
Apply suggestion from @estelle
sakupi01 Aug 12, 2025
a2bc22b
Apply suggestion from @estelle
sakupi01 Aug 12, 2025
ddb85e1
Apply suggestion from @estelle
sakupi01 Aug 12, 2025
57d9f35
links for layers and origins
oihdsf Aug 12, 2025
118b89e
modify&split the first paragraph
oihdsf Aug 12, 2025
10974c4
make all code comments removed and replaced with prose explanations
oihdsf Aug 12, 2025
c24c91f
lowercased the link texts
oihdsf Aug 12, 2025
21f4c15
remove spaces
oihdsf Aug 12, 2025
49ed161
merge bullet items and add link to error handling
oihdsf Aug 12, 2025
8b7cd2a
filtering: include suggestion
oihdsf Aug 12, 2025
4bfb703
Revert "merge bullet items and add link to error handling"
oihdsf Aug 12, 2025
6515be7
merge bullet items and add link to error handling
oihdsf Aug 12, 2025
6467d7d
Update files/en-us/web/css/css_cascade/value_processing/index.md
sakupi01 Aug 27, 2025
1206ee9
Update files/en-us/web/css/css_cascade/value_processing/index.md
sakupi01 Aug 27, 2025
9702e1e
all grammatical changes
oihdsf Aug 27, 2025
864427f
fixed defaulting description with accuracy
oihdsf Aug 27, 2025
af0de08
Add 'Actual value' to CSS value processing index
sakupi01 Aug 27, 2025
e94c0b9
Merge branch 'main' into fix/value-processing
estelle Aug 28, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
fixed defaulting description with accuracy
  • Loading branch information
oihdsf committed Aug 27, 2025
commit 864427f20421d4db519c7279f96a6b252becd00a
9 changes: 5 additions & 4 deletions files/en-us/web/css/css_cascade/value_processing/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -70,14 +70,15 @@ After cascading, the browser determines the [**cascaded value**](#cascaded_value
### Defaulting

**Defaulting** ensures every property on every element has a value. This involves applying default property values when no CSS declarations explicitly set that property value.
The CSS parser sets a value by:
This involves:

- Using **inherited values** for [inherited properties](/en-US/docs/Web/CSS/CSS_cascade/Inheritance#inherited_properties)
- Using **initial values** for [non-inherited properties](/en-US/docs/Web/CSS/CSS_cascade/Inheritance#non-inherited_properties)
- Applying **explicit defaulting keywords** ([`initial`](/en-US/docs/Web/CSS/initial), [`inherit`](/en-US/docs/Web/CSS/inherit), [`unset`](/en-US/docs/Web/CSS/unset), [`revert`](/en-US/docs/Web/CSS/revert), [`revert-layer`](/en-US/docs/Web/CSS/revert-layer))
- Setting **inherited values** for [inherited properties](/en-US/docs/Web/CSS/CSS_cascade/Inheritance#inherited_properties)
- Setting **initial values** for [non-inherited properties](/en-US/docs/Web/CSS/CSS_cascade/Inheritance#non-inherited_properties)

As a result of defaulting, every property is guaranteed to have a [specified value](#specified_value).

Note that explicit defaulting keywords ([`initial`](/en-US/docs/Web/CSS/initial), [`inherit`](/en-US/docs/Web/CSS/inherit), [`unset`](/en-US/docs/Web/CSS/unset), [`revert`](/en-US/docs/Web/CSS/revert), [`revert-layer`](/en-US/docs/Web/CSS/revert-layer)) are also resolved to their corresponding values to determine the [specified value](#specified_value).

## Processing stages

All elements that are part of the document's flattened element tree have [declared](#declared_value), [cascaded](#cascaded_value), [specified](#specified_value), [computed](#computed_value), [used](#used_value), and [actual](#actual_value) values. For a specific property, these values may or may not be the same. For example, if your large code base includes the CSS `p { font-size: 1.25em; }` and your HTML includes `<p class="large">CSS is fun!</p>`, what size will the paragraph be? The {{cssxref("font-size")}} value moves through a few stages to go from the `em` specified value to the rendered `px` value.
Expand Down