OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <style> | 3 <style> |
4 * { font-size: 16px; } | 4 * { font-size: 16px; } |
5 div { font-size: 8px; } | 5 div { font-size: 8px; } |
6 </style> | 6 </style> |
7 <body> | 7 <body> |
8 <script src="../../resources/js-test.js"></script> | 8 <script src="../../resources/js-test.js"></script> |
9 <script> | 9 <script> |
10 description('Test that clip-path shapes accept different length units'); | 10 description('Test that clip-path shapes accept different length units'); |
(...skipping 103 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
114 testInner("-webkit-mask", "padding-box content-box", "padding-box content-box"); | 114 testInner("-webkit-mask", "padding-box content-box", "padding-box content-box"); |
115 testInner("-webkit-mask", "content-box content-box", "content-box content-box"); | 115 testInner("-webkit-mask", "content-box content-box", "content-box content-box"); |
116 testInner("-webkit-mask", "padding-box border-box", "padding-box border-box"); | 116 testInner("-webkit-mask", "padding-box border-box", "padding-box border-box"); |
117 testInner("-webkit-mask", "padding-box border-box none", "none padding-box borde
r-box"); | 117 testInner("-webkit-mask", "padding-box border-box none", "none padding-box borde
r-box"); |
118 testInner("-webkit-mask", "none padding-box border-box", "none padding-box borde
r-box"); | 118 testInner("-webkit-mask", "none padding-box border-box", "none padding-box borde
r-box"); |
119 | 119 |
120 // test mask-size | 120 // test mask-size |
121 testInner("-webkit-mask", "none left top / auto", "none 0% 0% / auto"); | 121 testInner("-webkit-mask", "none left top / auto", "none 0% 0% / auto"); |
122 testInner("-webkit-mask", "none left top / auto auto", "none 0% 0% / auto"); | 122 testInner("-webkit-mask", "none left top / auto auto", "none 0% 0% / auto"); |
123 testInner("-webkit-mask", "none left top / 100%", "none 0% 0% / 100%"); | 123 testInner("-webkit-mask", "none left top / 100%", "none 0% 0% / 100%"); |
| 124 testInner("-webkit-mask", "none left top / 100% 100%", "none 0% 0% / 100% 100%")
; |
124 testInner("-webkit-mask", "none left top / 0%", "none 0% 0% / 0%"); | 125 testInner("-webkit-mask", "none left top / 0%", "none 0% 0% / 0%"); |
125 testInner("-webkit-mask", "none left top / auto 0%", "none 0% 0% / auto 0%"); | 126 testInner("-webkit-mask", "none left top / auto 0%", "none 0% 0% / auto 0%"); |
126 testInner("-webkit-mask", "none left top / cover", "none 0% 0% / cover"); | 127 testInner("-webkit-mask", "none left top / cover", "none 0% 0% / cover"); |
127 testInner("-webkit-mask", "none left top / contain", "none 0% 0% / contain"); | 128 testInner("-webkit-mask", "none left top / contain", "none 0% 0% / contain"); |
128 testInner("-webkit-mask", "none left 20px top 10px / contain", "none left 20px t
op 10px / contain"); | 129 testInner("-webkit-mask", "none left 20px top 10px / contain", "none left 20px t
op 10px / contain"); |
129 testInner("-webkit-mask", "none left 20px top / contain", "none left 20px top 0%
/ contain"); | 130 testInner("-webkit-mask", "none left 20px top / contain", "none left 20px top 0%
/ contain"); |
130 | 131 |
131 // combinations | 132 // combinations |
132 testInner("-webkit-mask", "none padding-box content-box", "none padding-box cont
ent-box"); | 133 testInner("-webkit-mask", "none padding-box content-box", "none padding-box cont
ent-box"); |
133 testInner("-webkit-mask", "none padding-box", "none padding-box padding-box"); | 134 testInner("-webkit-mask", "none padding-box", "none padding-box padding-box"); |
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
177 negativeTest("-webkit-mask", "none top 20px bottom / auto repeat-x scroll border
-box border-box"); | 178 negativeTest("-webkit-mask", "none top 20px bottom / auto repeat-x scroll border
-box border-box"); |
178 | 179 |
179 negativeTest("mask-source-type", "rubbish"); | 180 negativeTest("mask-source-type", "rubbish"); |
180 negativeTest("mask-source-type", ""); | 181 negativeTest("mask-source-type", ""); |
181 negativeTest("mask-source-type", "center"); | 182 negativeTest("mask-source-type", "center"); |
182 negativeTest("mask-source-type", "repeat"); | 183 negativeTest("mask-source-type", "repeat"); |
183 | 184 |
184 </script> | 185 </script> |
185 </body> | 186 </body> |
186 </html> | 187 </html> |
OLD | NEW |