OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 * { font-size: 16px; } | 5 * { font-size: 16px; } |
6 div { font-size: 8px; } | 6 div { font-size: 8px; } |
7 </style> | 7 </style> |
8 <script src="../../../resources/js-test.js"></script> | 8 <script src="../../../resources/js-test.js"></script> |
9 </head> | 9 </head> |
10 <body> | 10 <body> |
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
54 testStyleValue("circle(1rem, 1rem, 1rem)", "circle(1rem, 1rem, 1rem)"); | 54 testStyleValue("circle(1rem, 1rem, 1rem)", "circle(1rem, 1rem, 1rem)"); |
55 | 55 |
56 testComputedStyleValue("circle(.5em, 1em, 1.5em)", "circle(4px, 8px, 12px)"); | 56 testComputedStyleValue("circle(.5em, 1em, 1.5em)", "circle(4px, 8px, 12px)"); |
57 testComputedStyleValue("circle(.5rem, 1rem, 1.5rem)", "circle(8px, 16px, 24px)")
; | 57 testComputedStyleValue("circle(.5rem, 1rem, 1.5rem)", "circle(8px, 16px, 24px)")
; |
58 | 58 |
59 // viewport-percentage lengths - units, resolution | 59 // viewport-percentage lengths - units, resolution |
60 testStyleValue("circle(1vw, 1vw, 1vw)", "circle(1vw, 1vw, 1vw)"); | 60 testStyleValue("circle(1vw, 1vw, 1vw)", "circle(1vw, 1vw, 1vw)"); |
61 testStyleValue("circle(1vh, 1vh, 1vh)", "circle(1vh, 1vh, 1vh)"); | 61 testStyleValue("circle(1vh, 1vh, 1vh)", "circle(1vh, 1vh, 1vh)"); |
62 testStyleValue("circle(1vmin, 1vmin, 1vmin)", "circle(1vmin, 1vmin, 1vmin)"); | 62 testStyleValue("circle(1vmin, 1vmin, 1vmin)", "circle(1vmin, 1vmin, 1vmin)"); |
63 | 63 |
64 testComputedStyleValue("circle(.5vw, 1vw, 1.5vw)", "circle(0.5vw, 1vw, 1.5vw)"); | 64 testComputedStyleValue("circle(.5vw, 1vw, 1.5vw)", "circle(4px, 8px, 12px)"); |
65 testComputedStyleValue("circle(.5vh, 1vh, 1.5vh)", "circle(0.5vh, 1vh, 1.5vh)"); | 65 testComputedStyleValue("circle(.5vh, 1vh, 1.5vh)", "circle(3px, 6px, 9px)"); |
66 testComputedStyleValue("circle(.5vmin, 1vmin, 1.5vmin)", "circle(0.5vmin, 1vmin,
1.5vmin)"); | 66 testComputedStyleValue("circle(.5vmin, 1vmin, 1.5vmin)", "circle(3px, 6px, 9px)"
); |
67 | 67 |
68 // percentage lengths - units | 68 // percentage lengths - units |
69 testStyleValue("circle(100%, 100%, 100%)", "circle(100%, 100%, 100%)"); | 69 testStyleValue("circle(100%, 100%, 100%)", "circle(100%, 100%, 100%)"); |
70 testStyleValue("rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "rectangle(45%, 45%, 9
0%, 60%, 25%, 10%)"); | 70 testStyleValue("rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "rectangle(45%, 45%, 9
0%, 60%, 25%, 10%)"); |
71 testStyleValue("inset-rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "inset-rectangle
(45%, 45%, 90%, 60%, 25%, 10%)"); | 71 testStyleValue("inset-rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "inset-rectangle
(45%, 45%, 90%, 60%, 25%, 10%)"); |
72 testStyleValue("ellipse(100%, 100%, 100%, 100%)", "ellipse(100%, 100%, 100%, 100
%)"); | 72 testStyleValue("ellipse(100%, 100%, 100%, 100%)", "ellipse(100%, 100%, 100%, 100
%)"); |
73 testStyleValue("polygon(10% 20%, 30% 40%, 40% 50%)", "polygon(nonzero, 10% 20%,
30% 40%, 40% 50%)"); | 73 testStyleValue("polygon(10% 20%, 30% 40%, 40% 50%)", "polygon(nonzero, 10% 20%,
30% 40%, 40% 50%)"); |
74 | 74 |
75 testComputedStyleValue("circle(50%, 100%, 150%)", "circle(50%, 100%, 150%)"); | 75 testComputedStyleValue("circle(50%, 100%, 150%)", "circle(50%, 100%, 150%)"); |
76 testComputedStyleValue("rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "rectangle(45%
, 45%, 90%, 60%, 25%, 10%)"); | 76 testComputedStyleValue("rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "rectangle(45%
, 45%, 90%, 60%, 25%, 10%)"); |
(...skipping 21 matching lines...) Expand all Loading... |
98 testInvalidValue("shape-inside", "rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc)"); | 98 testInvalidValue("shape-inside", "rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc)"); |
99 | 99 |
100 // reject negative top, right, bottom, and left | 100 // reject negative top, right, bottom, and left |
101 testInvalidValue("shape-inside", "inset-rectangle(-1cm, 1mm, 1in, 1px, 1pt, 1pc)
"); | 101 testInvalidValue("shape-inside", "inset-rectangle(-1cm, 1mm, 1in, 1px, 1pt, 1pc)
"); |
102 testInvalidValue("shape-inside", "inset-rectangle(1cm, -1mm, 1in, 1px, 1pt, 1pc)
"); | 102 testInvalidValue("shape-inside", "inset-rectangle(1cm, -1mm, 1in, 1px, 1pt, 1pc)
"); |
103 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc)
"); | 103 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc)
"); |
104 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc)
"); | 104 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc)
"); |
105 </script> | 105 </script> |
106 </body> | 106 </body> |
107 </html> | 107 </html> |
OLD | NEW |