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 <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) |
| 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) |