Property dependencies
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.
Type-based Dependencies
Depended-on property | Dependent property | Reason |
color | every property taking <color> | currentColor (css3-color), initial value of border (CSS21) |
font-size | every property taking <length> | 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 <length> | ex units (CSS21), ch units (css-values-3), ic units (css-values-4), cap units (css-values-4) |
line-height | every property taking <length> | lh units (css-values-4) |
text-orientation, writing-mode | every property taking <length> | ch units (css-values-3) |
Other Dependencies
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) |