1 Test getting and setting nonstable css properties to non-default values
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
6 el.style.setProperty('-webkit-shape-margin', '10px')
7 el.style.getPropertyValue('-webkit-shape-margin') is 10px
8 getComputedStyle(el).getPropertyValue('-webkit-shape-margin') is 10px
10 el.style.setProperty('-webkit-shape-padding', '10px')
11 el.style.getPropertyValue('-webkit-shape-padding') is 10px
12 getComputedStyle(el).getPropertyValue('-webkit-shape-padding') is 10px
14 el.style.setProperty('-webkit-shape-inside', 'circle(10px, 10px, 10px)')
15 el.style.getPropertyValue('-webkit-shape-inside') is circle(10px, 10px, 10px)
16 getComputedStyle(el).getPropertyValue('-webkit-shape-inside') is circle(10px, 10px, 10px)
18 el.style.setProperty('-webkit-shape-outside', 'circle(10px, 10px, 10px)')
19 el.style.getPropertyValue('-webkit-shape-outside') is circle(10px, 10px, 10px)
20 getComputedStyle(el).getPropertyValue('-webkit-shape-outside') is circle(10px, 10px, 10px)
22 el.style.setProperty('-webkit-wrap-flow', 'both')
23 el.style.getPropertyValue('-webkit-wrap-flow') is both
24 getComputedStyle(el).getPropertyValue('-webkit-wrap-flow') is both
26 el.style.setProperty('-webkit-wrap-through', 'none')
27 el.style.getPropertyValue('-webkit-wrap-through') is none
28 getComputedStyle(el).getPropertyValue('-webkit-wrap-through') is none
30 el.style.setProperty('grid-auto-columns', 'auto')
31 el.style.getPropertyValue('grid-auto-columns') is auto
32 getComputedStyle(el).getPropertyValue('grid-auto-columns') is auto
34 el.style.setProperty('grid-auto-rows', 'auto')
35 el.style.getPropertyValue('grid-auto-rows') is auto
36 getComputedStyle(el).getPropertyValue('grid-auto-rows') is auto
38 el.style.setProperty('grid-template-columns', 'min-content')
39 el.style.getPropertyValue('grid-template-columns') is min-content
40 getComputedStyle(el).getPropertyValue('grid-template-columns') is min-content
42 el.style.setProperty('grid-template-rows', 'max-content')
43 el.style.getPropertyValue('grid-template-rows') is max-content
44 getComputedStyle(el).getPropertyValue('grid-template-rows') is max-content
46 el.style.setProperty('grid-column-start', 'auto')
47 el.style.getPropertyValue('grid-column-start') is auto
48 getComputedStyle(el).getPropertyValue('grid-column-start') is auto
50 el.style.setProperty('grid-column-end', '2')
51 el.style.getPropertyValue('grid-column-end') is 2
52 getComputedStyle(el).getPropertyValue('grid-column-end') is 2
54 el.style.setProperty('grid-row-start', '1')
55 el.style.getPropertyValue('grid-row-start') is 1
56 getComputedStyle(el).getPropertyValue('grid-row-start') is 1
58 el.style.setProperty('grid-column', 'auto')
59 el.style.getPropertyValue('grid-column') is auto auto
60 getComputedStyle(el).getPropertyValue('grid-column') is auto / auto
62 el.style.setProperty('grid-row', '1')
63 el.style.getPropertyValue('grid-row') is 1 auto
64 getComputedStyle(el).getPropertyValue('grid-row') is 1 / auto
66 el.style.setProperty('grid-area', '2')
67 el.style.getPropertyValue('grid-area') is 2 auto auto auto
68 getComputedStyle(el).getPropertyValue('grid-area') is 2 / auto / auto / auto
70 el.style.setProperty('grid-auto-flow', 'column')
71 el.style.getPropertyValue('grid-auto-flow') is column
72 getComputedStyle(el).getPropertyValue('grid-auto-flow') is column
74 el.style.setProperty('grid-template-areas', '"test"')
75 el.style.getPropertyValue('grid-template-areas') is "test"
76 getComputedStyle(el).getPropertyValue('grid-template-areas') is "test"
78 el.style.setProperty('text-align-last', 'start')
79 el.style.getPropertyValue('text-align-last') is start
80 getComputedStyle(el).getPropertyValue('text-align-last') is start
82 el.style.setProperty('text-justify', 'distribute')
83 el.style.getPropertyValue('text-justify') is distribute
84 getComputedStyle(el).getPropertyValue('text-justify') is distribute
86 PASS successfullyParsed is true