Differences

This shows you the differences between two versions of the page.

--- spec:property-dependencies [2011/10/24 21:02] – dbaron
+++ spec:property-dependencies [2019/05/17 14:38] (current) – [Type-based Dependencies] typo dbaron
@@ Line 3: / Line 3: @@
 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.
-^ Reason ^ Dependent property ^ Property depended upon ^
+===== Type-based Dependencies =====
-| em units | every property taking length values (...) | font-size |
-| ex units, ch units | every property taking length values (...) | font-size, font-family, font-size-adjust, font-stretch, font-style, font-variant, font-weight |
+^ Depended-on property ^ Dependent property ^ Reason ^
-| currentColor | every property taking color values (...) | color |
+| color | every property taking <color> | currentColor (css3-color), initial value of border (CSS21) |
-| % units | vertical-align | line-height |
+| font-size | every property taking <length> | em units (CSS21) |
-| % units | line-height | font-size |
+| 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) |
-| logical box properties | ??? | direction |
+| line-height | every property taking <length> | lh units (css-values-4) |
-| 'none' and 'hidden' | border-*-width | border-*-style |
+| text-orientation, writing-mode | every property taking <length> | ch units (css-values-3) |
-| 'none' and 'hidden' | outline-width | outline-style |
-| absolute/fixed position makes float:none | float | position |
+===== Other Dependencies =====
-| float/position make things block-like | display | position, float |
+^ 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) |