-
Notifications
You must be signed in to change notification settings - Fork 772
spec property dependencies
Keith Cirkel edited this page Feb 13, 2026
·
1 revision
This page lists the ways in which the computed value of one property depends on the computed value of another. This is important to track so that we can avoid creating circular dependencies.
| Depended-on property | Dependent property | Reason |
|---|---|---|
| color | every property taking | currentColor (css3-color), initial value of border (CSS21) |
| font-size | every property taking | em units (CSS21) |
| font-size, font-family, font-size-adjust, font-kerning, font-stretch, font-style, font-variant-*, font-weight, font-feature-settings, font-variation-settings | every property taking | ex units (CSS21), ch units (css-values-3), ic units (css-values-4), cap units (css-values-4) |
| line-height | every property taking | lh units (css-values-4) |
| text-orientation, writing-mode | every property taking | ch units (css-values-3) |
| Depended-on property | Dependent property | Reason |
|---|---|---|
| align-items, justify-items | align-self, justify-self |
auto value |
| border-*-style | border-*-width | 'none' and 'hidden' (CSS21) |
| column-rule-style | column-rule-width | 'none' and 'hidden' (css3-columns) |
| display | align-content, justify-content |
auto value |
| display | box-suppress |
display:none makes box-suppress compute to discard
|
| font-size | line-height | % units (CSS21) |
| direction, writing-mode, text-orientation | ??? (some on element, some on parent) | logical box properties (css3-logical-props) |
| direction | text-align | text-align: match-parent (css3-text) |
| line-height | vertical-align | % units (CSS21) |
| outline-style | outline-width | 'none' and 'hidden' (CSS21) |
| position | float | absolute/fixed position makes float:none (CSS21) |
| position, float | display | float/position make things block-like (CSS21) |
| position | align-content, justify-content |
auto value |
| ??? | content | content: normal (css3-content) |
| ruby-position, display | writing-mode | ruby-position: inter-character (css-ruby) |