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