This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revision | Last revisionBoth sides next revision | ||
spec:computed-values [2014/01/14 15:31] – Add astearn's descriptors of computed/specified values. tabatkins | spec:computed-values [2014/01/14 15:33] – add astearn' tabatkins | ||
---|---|---|---|
Line 16: | Line 16: | ||
grammar allows ordering options, the serialized value should prefer an | grammar allows ordering options, the serialized value should prefer an | ||
order (usually what’s presented in the grammar). | order (usually what’s presented in the grammar). | ||
+ | |||
+ | Here are some examples using background-position: | ||
+ | |||
+ | Declared value: right 10px | ||
+ | Computed value: (100% - 10px), (50% + 0px) | ||
+ | getComputedValue result: right 10px | ||
+ | | ||
+ | Declared value: bottom 50px top 10% | ||
+ | Computed value: (10% + 0px), (100% - 50px) | ||
+ | getComputedValue result: 10% bottom 50px | ||
+ | | ||
+ | Declared value: center center | ||
+ | Computed value: (50% + 0px), (50% + 0px) | ||
+ | getComputedValue result: center | ||
This page lists a number of design patterns that have been identified for computed values. | This page lists a number of design patterns that have been identified for computed values. |