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('grid-auto-columns', 'auto') | 14 el.style.setProperty('grid-auto-columns', 'auto') |
15 el.style.getPropertyValue('grid-auto-columns') is null | 15 el.style.getPropertyValue('grid-auto-columns') is |
16 getComputedStyle(el).getPropertyValue('grid-auto-columns') is null | 16 getComputedStyle(el).getPropertyValue('grid-auto-columns') is |
17 | 17 |
18 el.style.setProperty('grid-auto-rows', 'auto') | 18 el.style.setProperty('grid-auto-rows', 'auto') |
19 el.style.getPropertyValue('grid-auto-rows') is null | 19 el.style.getPropertyValue('grid-auto-rows') is |
20 getComputedStyle(el).getPropertyValue('grid-auto-rows') is null | 20 getComputedStyle(el).getPropertyValue('grid-auto-rows') is |
21 | 21 |
22 el.style.setProperty('grid-template-columns', 'min-content') | 22 el.style.setProperty('grid-template-columns', 'min-content') |
23 el.style.getPropertyValue('grid-template-columns') is null | 23 el.style.getPropertyValue('grid-template-columns') is |
24 getComputedStyle(el).getPropertyValue('grid-template-columns') is null | 24 getComputedStyle(el).getPropertyValue('grid-template-columns') is |
25 | 25 |
26 el.style.setProperty('grid-template-rows', 'max-content') | 26 el.style.setProperty('grid-template-rows', 'max-content') |
27 el.style.getPropertyValue('grid-template-rows') is null | 27 el.style.getPropertyValue('grid-template-rows') is |
28 getComputedStyle(el).getPropertyValue('grid-template-rows') is null | 28 getComputedStyle(el).getPropertyValue('grid-template-rows') is |
29 | 29 |
30 el.style.setProperty('grid-column-start', 'auto') | 30 el.style.setProperty('grid-column-start', 'auto') |
31 el.style.getPropertyValue('grid-column-start') is null | 31 el.style.getPropertyValue('grid-column-start') is |
32 getComputedStyle(el).getPropertyValue('grid-column-start') is null | 32 getComputedStyle(el).getPropertyValue('grid-column-start') is |
33 | 33 |
34 el.style.setProperty('grid-column-end', '2') | 34 el.style.setProperty('grid-column-end', '2') |
35 el.style.getPropertyValue('grid-column-end') is null | 35 el.style.getPropertyValue('grid-column-end') is |
36 getComputedStyle(el).getPropertyValue('grid-column-end') is null | 36 getComputedStyle(el).getPropertyValue('grid-column-end') is |
37 | 37 |
38 el.style.setProperty('grid-row-start', '1') | 38 el.style.setProperty('grid-row-start', '1') |
39 el.style.getPropertyValue('grid-row-start') is null | 39 el.style.getPropertyValue('grid-row-start') is |
40 getComputedStyle(el).getPropertyValue('grid-row-start') is null | 40 getComputedStyle(el).getPropertyValue('grid-row-start') is |
41 | 41 |
42 el.style.setProperty('grid-column', 'auto') | 42 el.style.setProperty('grid-column', 'auto') |
43 el.style.getPropertyValue('grid-column') is null | 43 el.style.getPropertyValue('grid-column') is |
44 getComputedStyle(el).getPropertyValue('grid-column') is null | 44 getComputedStyle(el).getPropertyValue('grid-column') is |
45 | 45 |
46 el.style.setProperty('grid-row', '1') | 46 el.style.setProperty('grid-row', '1') |
47 el.style.getPropertyValue('grid-row') is null | 47 el.style.getPropertyValue('grid-row') is |
48 getComputedStyle(el).getPropertyValue('grid-row') is null | 48 getComputedStyle(el).getPropertyValue('grid-row') is |
49 | 49 |
50 el.style.setProperty('grid-area', '2') | 50 el.style.setProperty('grid-area', '2') |
51 el.style.getPropertyValue('grid-area') is null | 51 el.style.getPropertyValue('grid-area') is |
52 getComputedStyle(el).getPropertyValue('grid-area') is null | 52 getComputedStyle(el).getPropertyValue('grid-area') is |
53 | 53 |
54 el.style.setProperty('grid-auto-flow', 'column') | 54 el.style.setProperty('grid-auto-flow', 'column') |
55 el.style.getPropertyValue('grid-auto-flow') is null | 55 el.style.getPropertyValue('grid-auto-flow') is |
56 getComputedStyle(el).getPropertyValue('grid-auto-flow') is null | 56 getComputedStyle(el).getPropertyValue('grid-auto-flow') is |
57 | 57 |
58 el.style.setProperty('grid-template-areas', '"test"') | 58 el.style.setProperty('grid-template-areas', '"test"') |
59 el.style.getPropertyValue('grid-template-areas') is null | 59 el.style.getPropertyValue('grid-template-areas') is |
60 getComputedStyle(el).getPropertyValue('grid-template-areas') is null | 60 getComputedStyle(el).getPropertyValue('grid-template-areas') is |
61 | 61 |
62 el.style.setProperty('text-align-last', 'start') | 62 el.style.setProperty('text-align-last', 'start') |
63 el.style.getPropertyValue('text-align-last') is null | 63 el.style.getPropertyValue('text-align-last') is |
64 getComputedStyle(el).getPropertyValue('text-align-last') is null | 64 getComputedStyle(el).getPropertyValue('text-align-last') is |
65 | 65 |
66 el.style.setProperty('text-justify', 'distribute') | 66 el.style.setProperty('text-justify', 'distribute') |
67 el.style.getPropertyValue('text-justify') is null | 67 el.style.getPropertyValue('text-justify') is |
68 getComputedStyle(el).getPropertyValue('text-justify') is null | 68 getComputedStyle(el).getPropertyValue('text-justify') is |
69 | 69 |
70 PASS successfullyParsed is true | 70 PASS successfullyParsed is true |
71 | 71 |
72 TEST COMPLETE | 72 TEST COMPLETE |
73 | 73 |
OLD | NEW |