OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <meta charset="utf-8" /> | 4 <meta charset="utf-8" /> |
5 <title>getComputedStyle() Zoom and Background Size</title> | 5 <title>getComputedStyle() Zoom and Background Size</title> |
6 <style> | 6 <style> |
7 #test_area { | 7 #test_area { |
8 position: relative; | 8 position: relative; |
9 } | 9 } |
10 .test_div { | 10 .test_div { |
(...skipping 119 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
130 "-webkit-mask-size": "10px 10px", | 130 "-webkit-mask-size": "10px 10px", |
131 "-webkit-perspective": "400px", | 131 "-webkit-perspective": "400px", |
132 "-webkit-perspective-origin": "20px 20px", | 132 "-webkit-perspective-origin": "20px 20px", |
133 "-webkit-text-stroke-width": "2px", | 133 "-webkit-text-stroke-width": "2px", |
134 "-webkit-transform-origin": "10px 10px", | 134 "-webkit-transform-origin": "10px 10px", |
135 | 135 |
136 "position":"absolute", | 136 "position":"absolute", |
137 | 137 |
138 "left": "20px", | 138 "left": "20px", |
139 "top": "20px", | 139 "top": "20px", |
140 "right": "50px", | 140 // Right/Bottom don't make sense with left/top and width |
141 "bottom": "50px", | 141 // "right": "50px", |
| 142 // "bottom": "50px", |
142 | 143 |
143 "font-size": "20px", | 144 "font-size": "20px", |
144 "width": "400px", | 145 "width": "400px", |
145 "max-width": "900px", | 146 "max-width": "900px", |
146 "min-width": "200px", | 147 "min-width": "200px", |
147 "height": "250px", | 148 "height": "250px", |
148 "max-height": "600px", | 149 "max-height": "600px", |
149 "min-height": "200px", | 150 "min-height": "200px", |
150 "letter-spacing": "2px", | 151 "letter-spacing": "2px", |
151 "word-spacing": "10px", | 152 "word-spacing": "10px", |
(...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
205 } | 206 } |
206 }; | 207 }; |
207 | 208 |
208 testProperties(zoomedAndDisplayed, tbody); | 209 testProperties(zoomedAndDisplayed, tbody); |
209 testProperties(zoomedAndHidden, tbodyHidden); | 210 testProperties(zoomedAndHidden, tbodyHidden); |
210 </script> | 211 </script> |
211 | 212 |
212 | 213 |
213 | 214 |
214 </body> | 215 </body> |
215 </html> | 216 </html> |
OLD | NEW |