OLD | NEW |
1 Test calling getPropertyValue on computed styles that return "resolved" values. | 1 Test calling getPropertyValue on computed styles that return "resolved" values. |
2 See http://dev.w3.org/csswg/cssom/#resolved-values for more information. | 2 See http://dev.w3.org/csswg/cssom/#resolved-values for more information. |
3 | 3 |
4 Resolved values for element "fixed" with display "block": | 4 Resolved values for element "fixed" with display "block": |
5 line-height: 30px | 5 line-height: 30px |
6 width: 150px | 6 width: 150px |
7 height: 100px | 7 height: 100px |
8 top: auto | |
9 right: auto | |
10 bottom: auto | |
11 left: auto | |
12 margin-top: 15px | 8 margin-top: 15px |
13 margin-right: 30px | 9 margin-right: 30px |
14 margin-bottom: 20px | 10 margin-bottom: 20px |
15 margin-left: 10px | 11 margin-left: 10px |
16 padding-top: 20px | 12 padding-top: 20px |
17 padding-right: 20px | 13 padding-right: 20px |
18 padding-bottom: 20px | 14 padding-bottom: 20px |
19 padding-left: 20px | 15 padding-left: 20px |
20 | 16 |
21 Resolved values for element "fixed" with display "inline": | 17 Resolved values for element "fixed" with display "inline": |
22 line-height: 30px | 18 line-height: 30px |
23 width: auto | 19 width: auto |
24 height: auto | 20 height: auto |
25 top: auto | |
26 right: auto | |
27 bottom: auto | |
28 left: auto | |
29 margin-top: 15px | 21 margin-top: 15px |
30 margin-right: 30px | 22 margin-right: 30px |
31 margin-bottom: 20px | 23 margin-bottom: 20px |
32 margin-left: 10px | 24 margin-left: 10px |
33 padding-top: 20px | 25 padding-top: 20px |
34 padding-right: 20px | 26 padding-right: 20px |
35 padding-bottom: 20px | 27 padding-bottom: 20px |
36 padding-left: 20px | 28 padding-left: 20px |
37 | 29 |
38 Resolved values for element "fixed" with display "inline-block": | 30 Resolved values for element "fixed" with display "inline-block": |
39 line-height: 30px | 31 line-height: 30px |
40 width: 150px | 32 width: 150px |
41 height: 100px | 33 height: 100px |
42 top: auto | |
43 right: auto | |
44 bottom: auto | |
45 left: auto | |
46 margin-top: 15px | 34 margin-top: 15px |
47 margin-right: 30px | 35 margin-right: 30px |
48 margin-bottom: 20px | 36 margin-bottom: 20px |
49 margin-left: 10px | 37 margin-left: 10px |
50 padding-top: 20px | 38 padding-top: 20px |
51 padding-right: 20px | 39 padding-right: 20px |
52 padding-bottom: 20px | 40 padding-bottom: 20px |
53 padding-left: 20px | 41 padding-left: 20px |
54 | 42 |
55 Resolved values for element "fixed" with display "none": | 43 Resolved values for element "fixed" with display "none": |
56 line-height: 30px | 44 line-height: 30px |
57 width: 150px | 45 width: 150px |
58 height: 100px | 46 height: 100px |
59 top: auto | |
60 right: auto | |
61 bottom: auto | |
62 left: auto | |
63 margin-top: 15px | 47 margin-top: 15px |
64 margin-right: 30px | 48 margin-right: 30px |
65 margin-bottom: 20px | 49 margin-bottom: 20px |
66 margin-left: 10px | 50 margin-left: 10px |
67 padding-top: 20px | 51 padding-top: 20px |
68 padding-right: 20px | 52 padding-right: 20px |
69 padding-bottom: 20px | 53 padding-bottom: 20px |
70 padding-left: 20px | 54 padding-left: 20px |
71 | 55 |
72 | 56 |
73 Resolved values for element "percents" with display "block": | 57 Resolved values for element "percents" with display "block": |
74 line-height: 36px | 58 line-height: 36px |
75 width: 250px | 59 width: 250px |
76 height: 75px | 60 height: 75px |
77 top: auto | |
78 right: auto | |
79 bottom: auto | |
80 left: auto | |
81 margin-top: 50px | 61 margin-top: 50px |
82 margin-right: 25px | 62 margin-right: 25px |
83 margin-bottom: 50px | 63 margin-bottom: 50px |
84 margin-left: 100px | 64 margin-left: 100px |
85 padding-top: 25px | 65 padding-top: 25px |
86 padding-right: 25px | 66 padding-right: 25px |
87 padding-bottom: 25px | 67 padding-bottom: 25px |
88 padding-left: 25px | 68 padding-left: 25px |
89 | 69 |
90 Resolved values for element "percents" with display "inline": | 70 Resolved values for element "percents" with display "inline": |
91 line-height: 36px | 71 line-height: 36px |
92 width: auto | 72 width: auto |
93 height: auto | 73 height: auto |
94 top: auto | |
95 right: auto | |
96 bottom: auto | |
97 left: auto | |
98 margin-top: 10% | 74 margin-top: 10% |
99 margin-right: 5% | 75 margin-right: 5% |
100 margin-bottom: 10% | 76 margin-bottom: 10% |
101 margin-left: 20% | 77 margin-left: 20% |
102 padding-top: 5% | 78 padding-top: 5% |
103 padding-right: 5% | 79 padding-right: 5% |
104 padding-bottom: 5% | 80 padding-bottom: 5% |
105 padding-left: 5% | 81 padding-left: 5% |
106 | 82 |
107 Resolved values for element "percents" with display "inline-block": | 83 Resolved values for element "percents" with display "inline-block": |
108 line-height: 36px | 84 line-height: 36px |
109 width: 250px | 85 width: 250px |
110 height: 75px | 86 height: 75px |
111 top: auto | |
112 right: auto | |
113 bottom: auto | |
114 left: auto | |
115 margin-top: 50px | 87 margin-top: 50px |
116 margin-right: 25px | 88 margin-right: 25px |
117 margin-bottom: 50px | 89 margin-bottom: 50px |
118 margin-left: 100px | 90 margin-left: 100px |
119 padding-top: 25px | 91 padding-top: 25px |
120 padding-right: 25px | 92 padding-right: 25px |
121 padding-bottom: 25px | 93 padding-bottom: 25px |
122 padding-left: 25px | 94 padding-left: 25px |
123 | 95 |
124 Resolved values for element "percents" with display "none": | 96 Resolved values for element "percents" with display "none": |
125 line-height: 36px | 97 line-height: 36px |
126 width: 50% | 98 width: 50% |
127 height: 25% | 99 height: 25% |
128 top: auto | |
129 right: auto | |
130 bottom: auto | |
131 left: auto | |
132 margin-top: 10% | 100 margin-top: 10% |
133 margin-right: 5% | 101 margin-right: 5% |
134 margin-bottom: 10% | 102 margin-bottom: 10% |
135 margin-left: 20% | 103 margin-left: 20% |
136 padding-top: 5% | 104 padding-top: 5% |
137 padding-right: 5% | 105 padding-right: 5% |
138 padding-bottom: 5% | 106 padding-bottom: 5% |
139 padding-left: 5% | 107 padding-left: 5% |
140 | 108 |
141 | 109 |
142 Resolved values for element "ems" with display "block": | 110 Resolved values for element "ems" with display "block": |
143 line-height: 24px | 111 line-height: 24px |
144 width: 240px | 112 width: 240px |
145 height: 120px | 113 height: 120px |
146 top: auto | |
147 right: auto | |
148 bottom: auto | |
149 left: auto | |
150 margin-top: 24px | 114 margin-top: 24px |
151 margin-right: 12px | 115 margin-right: 12px |
152 margin-bottom: 36px | 116 margin-bottom: 36px |
153 margin-left: 48px | 117 margin-left: 48px |
154 padding-top: 18px | 118 padding-top: 18px |
155 padding-right: 18px | 119 padding-right: 18px |
156 padding-bottom: 18px | 120 padding-bottom: 18px |
157 padding-left: 18px | 121 padding-left: 18px |
158 | 122 |
159 Resolved values for element "ems" with display "inline": | 123 Resolved values for element "ems" with display "inline": |
160 line-height: 24px | 124 line-height: 24px |
161 width: auto | 125 width: auto |
162 height: auto | 126 height: auto |
163 top: auto | |
164 right: auto | |
165 bottom: auto | |
166 left: auto | |
167 margin-top: 24px | 127 margin-top: 24px |
168 margin-right: 12px | 128 margin-right: 12px |
169 margin-bottom: 36px | 129 margin-bottom: 36px |
170 margin-left: 48px | 130 margin-left: 48px |
171 padding-top: 18px | 131 padding-top: 18px |
172 padding-right: 18px | 132 padding-right: 18px |
173 padding-bottom: 18px | 133 padding-bottom: 18px |
174 padding-left: 18px | 134 padding-left: 18px |
175 | 135 |
176 Resolved values for element "ems" with display "inline-block": | 136 Resolved values for element "ems" with display "inline-block": |
177 line-height: 24px | 137 line-height: 24px |
178 width: 240px | 138 width: 240px |
179 height: 120px | 139 height: 120px |
180 top: auto | |
181 right: auto | |
182 bottom: auto | |
183 left: auto | |
184 margin-top: 24px | 140 margin-top: 24px |
185 margin-right: 12px | 141 margin-right: 12px |
186 margin-bottom: 36px | 142 margin-bottom: 36px |
187 margin-left: 48px | 143 margin-left: 48px |
188 padding-top: 18px | 144 padding-top: 18px |
189 padding-right: 18px | 145 padding-right: 18px |
190 padding-bottom: 18px | 146 padding-bottom: 18px |
191 padding-left: 18px | 147 padding-left: 18px |
192 | 148 |
193 Resolved values for element "ems" with display "none": | 149 Resolved values for element "ems" with display "none": |
194 line-height: 24px | 150 line-height: 24px |
195 width: 240px | 151 width: 240px |
196 height: 120px | 152 height: 120px |
197 top: auto | |
198 right: auto | |
199 bottom: auto | |
200 left: auto | |
201 margin-top: 24px | 153 margin-top: 24px |
202 margin-right: 12px | 154 margin-right: 12px |
203 margin-bottom: 36px | 155 margin-bottom: 36px |
204 margin-left: 48px | 156 margin-left: 48px |
205 padding-top: 18px | 157 padding-top: 18px |
206 padding-right: 18px | 158 padding-right: 18px |
207 padding-bottom: 18px | 159 padding-bottom: 18px |
208 padding-left: 18px | 160 padding-left: 18px |
209 | 161 |
210 | 162 |
211 Resolved values for element "auto" with display "block": | 163 Resolved values for element "auto" with display "block": |
212 line-height: 30px | 164 line-height: 30px |
213 width: 200px | 165 width: 200px |
214 height: 30px | 166 height: 30px |
215 top: auto | |
216 right: auto | |
217 bottom: auto | |
218 left: auto | |
219 margin-top: 0px | 167 margin-top: 0px |
220 margin-right: 126px | 168 margin-right: 126px |
221 margin-bottom: 0px | 169 margin-bottom: 0px |
222 margin-left: 126px | 170 margin-left: 126px |
223 padding-top: 0px | 171 padding-top: 0px |
224 padding-right: 0px | 172 padding-right: 0px |
225 padding-bottom: 0px | 173 padding-bottom: 0px |
226 padding-left: 0px | 174 padding-left: 0px |
227 | 175 |
228 Resolved values for element "auto" with display "inline": | 176 Resolved values for element "auto" with display "inline": |
229 line-height: 30px | 177 line-height: 30px |
230 width: auto | 178 width: auto |
231 height: auto | 179 height: auto |
232 top: auto | |
233 right: auto | |
234 bottom: auto | |
235 left: auto | |
236 margin-top: 0px | 180 margin-top: 0px |
237 margin-right: auto | 181 margin-right: auto |
238 margin-bottom: 0px | 182 margin-bottom: 0px |
239 margin-left: auto | 183 margin-left: auto |
240 padding-top: 0px | 184 padding-top: 0px |
241 padding-right: 0px | 185 padding-right: 0px |
242 padding-bottom: 0px | 186 padding-bottom: 0px |
243 padding-left: 0px | 187 padding-left: 0px |
244 | 188 |
245 Resolved values for element "auto" with display "inline-block": | 189 Resolved values for element "auto" with display "inline-block": |
246 line-height: 30px | 190 line-height: 30px |
247 width: 200px | 191 width: 200px |
248 height: 30px | 192 height: 30px |
249 top: auto | |
250 right: auto | |
251 bottom: auto | |
252 left: auto | |
253 margin-top: 0px | 193 margin-top: 0px |
254 margin-right: 0px | 194 margin-right: 0px |
255 margin-bottom: 0px | 195 margin-bottom: 0px |
256 margin-left: 0px | 196 margin-left: 0px |
257 padding-top: 0px | 197 padding-top: 0px |
258 padding-right: 0px | 198 padding-right: 0px |
259 padding-bottom: 0px | 199 padding-bottom: 0px |
260 padding-left: 0px | 200 padding-left: 0px |
261 | 201 |
262 Resolved values for element "auto" with display "none": | 202 Resolved values for element "auto" with display "none": |
263 line-height: 30px | 203 line-height: 30px |
264 width: 200px | 204 width: 200px |
265 height: auto | 205 height: auto |
266 top: auto | |
267 right: auto | |
268 bottom: auto | |
269 left: auto | |
270 margin-top: 0px | 206 margin-top: 0px |
271 margin-right: auto | 207 margin-right: auto |
272 margin-bottom: 0px | 208 margin-bottom: 0px |
273 margin-left: auto | 209 margin-left: auto |
274 padding-top: 0px | 210 padding-top: 0px |
275 padding-right: 0px | 211 padding-right: 0px |
276 padding-bottom: 0px | 212 padding-bottom: 0px |
277 padding-left: 0px | 213 padding-left: 0px |
278 | 214 |
279 | 215 |
280 Resolved values for element "mixed" with display "block": | 216 Resolved values for element "mixed" with display "block": |
281 line-height: 48px | 217 line-height: 48px |
282 width: 150px | 218 width: 150px |
283 height: 60px | 219 height: 60px |
284 top: auto | |
285 right: auto | |
286 bottom: auto | |
287 left: auto | |
288 margin-top: 72px | 220 margin-top: 72px |
289 margin-right: 0px | 221 margin-right: 0px |
290 margin-bottom: 0px | 222 margin-bottom: 0px |
291 margin-left: 252px | 223 margin-left: 252px |
292 padding-top: 40px | 224 padding-top: 40px |
293 padding-right: 50px | 225 padding-right: 50px |
294 padding-bottom: 24px | 226 padding-bottom: 24px |
295 padding-left: 0px | 227 padding-left: 0px |
296 | 228 |
297 Resolved values for element "mixed" with display "inline": | 229 Resolved values for element "mixed" with display "inline": |
298 line-height: 48px | 230 line-height: 48px |
299 width: auto | 231 width: auto |
300 height: auto | 232 height: auto |
301 top: auto | |
302 right: auto | |
303 bottom: auto | |
304 left: auto | |
305 margin-top: 72px | 233 margin-top: 72px |
306 margin-right: 0px | 234 margin-right: 0px |
307 margin-bottom: 0px | 235 margin-bottom: 0px |
308 margin-left: auto | 236 margin-left: auto |
309 padding-top: 40px | 237 padding-top: 40px |
310 padding-right: 10% | 238 padding-right: 10% |
311 padding-bottom: 24px | 239 padding-bottom: 24px |
312 padding-left: 0px | 240 padding-left: 0px |
313 | 241 |
314 Resolved values for element "mixed" with display "inline-block": | 242 Resolved values for element "mixed" with display "inline-block": |
315 line-height: 48px | 243 line-height: 48px |
316 width: 150px | 244 width: 150px |
317 height: 60px | 245 height: 60px |
318 top: auto | |
319 right: auto | |
320 bottom: auto | |
321 left: auto | |
322 margin-top: 72px | 246 margin-top: 72px |
323 margin-right: 0px | 247 margin-right: 0px |
324 margin-bottom: 0px | 248 margin-bottom: 0px |
325 margin-left: 0px | 249 margin-left: 0px |
326 padding-top: 40px | 250 padding-top: 40px |
327 padding-right: 50px | 251 padding-right: 50px |
328 padding-bottom: 24px | 252 padding-bottom: 24px |
329 padding-left: 0px | 253 padding-left: 0px |
330 | 254 |
331 Resolved values for element "mixed" with display "none": | 255 Resolved values for element "mixed" with display "none": |
332 line-height: 48px | 256 line-height: 48px |
333 width: 30% | 257 width: 30% |
334 height: 20% | 258 height: 20% |
335 top: auto | |
336 right: auto | |
337 bottom: auto | |
338 left: auto | |
339 margin-top: 72px | 259 margin-top: 72px |
340 margin-right: 0px | 260 margin-right: 0px |
341 margin-bottom: 0px | 261 margin-bottom: 0px |
342 margin-left: auto | 262 margin-left: auto |
343 padding-top: 40px | 263 padding-top: 40px |
344 padding-right: 10% | 264 padding-right: 10% |
345 padding-bottom: 24px | 265 padding-bottom: 24px |
346 padding-left: 0px | 266 padding-left: 0px |
347 | 267 |
348 | 268 |
349 Resolved values for element "rel_positioned" with display "block": | |
350 line-height: 30px | |
351 width: 150px | |
352 height: 100px | |
353 top: 15px | |
354 right: -10px | |
355 bottom: -15px | |
356 left: 10px | |
357 margin-top: 15px | |
358 margin-right: 30px | |
359 margin-bottom: 20px | |
360 margin-left: 10px | |
361 padding-top: 20px | |
362 padding-right: 20px | |
363 padding-bottom: 20px | |
364 padding-left: 20px | |
365 | |
366 Resolved values for element "rel_positioned" with display "inline": | |
367 line-height: 30px | |
368 width: auto | |
369 height: auto | |
370 top: 15px | |
371 right: -10px | |
372 bottom: -15px | |
373 left: 10px | |
374 margin-top: 15px | |
375 margin-right: 30px | |
376 margin-bottom: 20px | |
377 margin-left: 10px | |
378 padding-top: 20px | |
379 padding-right: 20px | |
380 padding-bottom: 20px | |
381 padding-left: 20px | |
382 | |
383 Resolved values for element "rel_positioned" with display "inline-block": | |
384 line-height: 30px | |
385 width: 150px | |
386 height: 100px | |
387 top: 15px | |
388 right: -10px | |
389 bottom: -15px | |
390 left: 10px | |
391 margin-top: 15px | |
392 margin-right: 30px | |
393 margin-bottom: 20px | |
394 margin-left: 10px | |
395 padding-top: 20px | |
396 padding-right: 20px | |
397 padding-bottom: 20px | |
398 padding-left: 20px | |
399 | |
400 Resolved values for element "rel_positioned" with display "none": | |
401 line-height: 30px | |
402 width: 150px | |
403 height: 100px | |
404 top: 15px | |
405 right: auto | |
406 bottom: auto | |
407 left: 10px | |
408 margin-top: 15px | |
409 margin-right: 30px | |
410 margin-bottom: 20px | |
411 margin-left: 10px | |
412 padding-top: 20px | |
413 padding-right: 20px | |
414 padding-bottom: 20px | |
415 padding-left: 20px | |
416 | |
417 | |
418 Resolved values for element "abs_positioned" with display "block": | |
419 line-height: 30px | |
420 width: 150px | |
421 height: 100px | |
422 top: 62px | |
423 right: 10px | |
424 bottom: 15px | |
425 left: 212px | |
426 margin-top: 15px | |
427 margin-right: 30px | |
428 margin-bottom: 20px | |
429 margin-left: 10px | |
430 padding-top: 20px | |
431 padding-right: 20px | |
432 padding-bottom: 20px | |
433 padding-left: 20px | |
434 | |
435 Resolved values for element "abs_positioned" with display "inline": | |
436 line-height: 30px | |
437 width: 150px | |
438 height: 100px | |
439 top: 62px | |
440 right: 10px | |
441 bottom: 15px | |
442 left: 212px | |
443 margin-top: 15px | |
444 margin-right: 30px | |
445 margin-bottom: 20px | |
446 margin-left: 10px | |
447 padding-top: 20px | |
448 padding-right: 20px | |
449 padding-bottom: 20px | |
450 padding-left: 20px | |
451 | |
452 Resolved values for element "abs_positioned" with display "inline-block": | |
453 line-height: 30px | |
454 width: 150px | |
455 height: 100px | |
456 top: 62px | |
457 right: 10px | |
458 bottom: 15px | |
459 left: 212px | |
460 margin-top: 15px | |
461 margin-right: 30px | |
462 margin-bottom: 20px | |
463 margin-left: 10px | |
464 padding-top: 20px | |
465 padding-right: 20px | |
466 padding-bottom: 20px | |
467 padding-left: 20px | |
468 | |
469 Resolved values for element "abs_positioned" with display "none": | |
470 line-height: 30px | |
471 width: 150px | |
472 height: 100px | |
473 top: auto | |
474 right: 10px | |
475 bottom: 15px | |
476 left: auto | |
477 margin-top: 15px | |
478 margin-right: 30px | |
479 margin-bottom: 20px | |
480 margin-left: 10px | |
481 padding-top: 20px | |
482 padding-right: 20px | |
483 padding-bottom: 20px | |
484 padding-left: 20px | |
485 | |
486 | |
487 Fixed | 269 Fixed |
488 Percents | 270 Percents |
489 EMs | 271 EMs |
490 Auto | 272 Auto |
491 Mixed | 273 Mixed |
492 Relative Positioned | |
493 Absolute Positioned | |
OLD | NEW |