OLD | NEW |
1 Test getting and setting nonstable css properties to non-default values | 1 Test getting and setting nonstable css properties to non-default values |
2 | 2 |
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
4 | 4 |
5 | 5 |
6 el.style.setProperty('shape-margin', '10px') | 6 el.style.setProperty('shape-margin', '10px') |
7 el.style.getPropertyValue('shape-margin') is 10px | 7 el.style.getPropertyValue('shape-margin') is 10px |
8 getComputedStyle(el).getPropertyValue('shape-margin') is 10px | 8 getComputedStyle(el).getPropertyValue('shape-margin') is 10px |
9 | 9 |
10 el.style.setProperty('shape-outside', 'circle(10px at 10px 10px)') | 10 el.style.setProperty('shape-outside', 'circle(10px at 10px 10px)') |
11 el.style.getPropertyValue('shape-outside') is circle(10px at 10px 10px) | 11 el.style.getPropertyValue('shape-outside') is circle(10px at 10px 10px) |
12 getComputedStyle(el).getPropertyValue('shape-outside') is circle(10px at 10px 10
px) | 12 getComputedStyle(el).getPropertyValue('shape-outside') is circle(10px at 10px 10
px) |
13 | 13 |
14 el.style.setProperty('-webkit-wrap-flow', 'both') | |
15 el.style.getPropertyValue('-webkit-wrap-flow') is both | |
16 getComputedStyle(el).getPropertyValue('-webkit-wrap-flow') is both | |
17 | |
18 el.style.setProperty('-webkit-wrap-through', 'none') | |
19 el.style.getPropertyValue('-webkit-wrap-through') is none | |
20 getComputedStyle(el).getPropertyValue('-webkit-wrap-through') is none | |
21 | |
22 el.style.setProperty('grid-auto-columns', 'auto') | 14 el.style.setProperty('grid-auto-columns', 'auto') |
23 el.style.getPropertyValue('grid-auto-columns') is auto | 15 el.style.getPropertyValue('grid-auto-columns') is auto |
24 getComputedStyle(el).getPropertyValue('grid-auto-columns') is auto | 16 getComputedStyle(el).getPropertyValue('grid-auto-columns') is auto |
25 | 17 |
26 el.style.setProperty('grid-auto-rows', 'auto') | 18 el.style.setProperty('grid-auto-rows', 'auto') |
27 el.style.getPropertyValue('grid-auto-rows') is auto | 19 el.style.getPropertyValue('grid-auto-rows') is auto |
28 getComputedStyle(el).getPropertyValue('grid-auto-rows') is auto | 20 getComputedStyle(el).getPropertyValue('grid-auto-rows') is auto |
29 | 21 |
30 el.style.setProperty('grid-template-columns', 'min-content') | 22 el.style.setProperty('grid-template-columns', 'min-content') |
31 el.style.getPropertyValue('grid-template-columns') is min-content | 23 el.style.getPropertyValue('grid-template-columns') is min-content |
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
72 getComputedStyle(el).getPropertyValue('text-align-last') is start | 64 getComputedStyle(el).getPropertyValue('text-align-last') is start |
73 | 65 |
74 el.style.setProperty('text-justify', 'distribute') | 66 el.style.setProperty('text-justify', 'distribute') |
75 el.style.getPropertyValue('text-justify') is distribute | 67 el.style.getPropertyValue('text-justify') is distribute |
76 getComputedStyle(el).getPropertyValue('text-justify') is distribute | 68 getComputedStyle(el).getPropertyValue('text-justify') is distribute |
77 | 69 |
78 PASS successfullyParsed is true | 70 PASS successfullyParsed is true |
79 | 71 |
80 TEST COMPLETE | 72 TEST COMPLETE |
81 | 73 |
OLD | NEW |