OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 #spacingPair { border-spacing: 10px 20px; } | 5 #spacingPair { border-spacing: 10px 20px; } |
6 #spacingSingle { border-spacing: 10px; } | 6 #spacingSingle { border-spacing: 10px; } |
7 #zeroSpacingPair { border-spacing: 0px 0px; } | 7 #zeroSpacingPair { border-spacing: 0px 0px; } |
8 #zeroSpacingSingle { border-spacing: 0px; } | 8 #zeroSpacingSingle { border-spacing: 0px; } |
9 </style> | 9 </style> |
10 <script type="text/javascript"> | 10 <script type="text/javascript"> |
11 function log(msg) | 11 function log(msg) |
12 { | 12 { |
13 document.getElementById('console').appendChild(document.createTextNo
de(msg + '\n')); | 13 document.getElementById('console').appendChild(document.createTextNo
de(msg + '\n')); |
14 } | 14 } |
15 | 15 |
16 function test(id, prop) | 16 function test(id, prop) |
17 { | 17 { |
18 var ob = document.getElementById(id + 'Pair'); | 18 var ob = document.getElementById(id + 'Pair'); |
19 log('getPropertyValue(' + prop + '): ' + document.defaultView.getCom
putedStyle(ob, null).getPropertyValue(prop)); | 19 log('getPropertyValue(' + prop + '): ' + document.defaultView.getCom
putedStyle(ob, null).getPropertyValue(prop)); |
20 log('getPropertyCSSValue(' + prop + '): ' + document.defaultView.get
ComputedStyle(ob, null).getPropertyCSSValue(prop)); | |
21 ob = document.getElementById(id + 'Single'); | 20 ob = document.getElementById(id + 'Single'); |
22 log('getPropertyValue(' + prop + '): ' + document.defaultView.getCom
putedStyle(ob, null).getPropertyValue(prop)); | 21 log('getPropertyValue(' + prop + '): ' + document.defaultView.getCom
putedStyle(ob, null).getPropertyValue(prop)); |
23 log('getPropertyCSSValue(' + prop + '): ' + document.defaultView.get
ComputedStyle(ob, null).getPropertyCSSValue(prop)); | |
24 } | 22 } |
25 | 23 |
26 function runTests() | 24 function runTests() |
27 { | 25 { |
28 if (window.testRunner) | 26 if (window.testRunner) |
29 testRunner.dumpAsText(); | 27 testRunner.dumpAsText(); |
30 | 28 |
31 test('spacing', 'border-spacing'); | 29 test('spacing', 'border-spacing'); |
32 | 30 |
33 log(''); | 31 log(''); |
34 | 32 |
35 log('Test getting border-spacing of 0.') | 33 log('Test getting border-spacing of 0.') |
36 test('zeroSpacing', 'border-spacing'); | 34 test('zeroSpacing', 'border-spacing'); |
37 | 35 |
38 log(''); | 36 log(''); |
39 | 37 |
40 log('Test getting initial value of the background size.') | 38 log('Test getting initial value of the background size.') |
41 var ob = document.getElementById('spacingInit'); | 39 var ob = document.getElementById('spacingInit'); |
42 log('getPropertyValue(border-spacing): ' + document.defaultView.getC
omputedStyle(ob, null).getPropertyValue('border-spacing')); | 40 log('getPropertyValue(border-spacing): ' + document.defaultView.getC
omputedStyle(ob, null).getPropertyValue('border-spacing')); |
43 log('getPropertyCSSValue(border-spacing): ' + document.defaultView.g
etComputedStyle(ob, null).getPropertyCSSValue('border-spacing')); | |
44 } | 41 } |
45 </script> | 42 </script> |
46 </head> | 43 </head> |
47 <body onload="runTests();"> | 44 <body onload="runTests();"> |
48 <p>Test calling getPropertyValue on computed styles for -webkit-backround-si
ze properties.</p> | 45 <p>Test calling getPropertyValue on computed styles for -webkit-backround-si
ze properties.</p> |
49 <pre id="console"></pre> | 46 <pre id="console"></pre> |
50 | 47 |
51 <div id="spacingPair"></div> | 48 <div id="spacingPair"></div> |
52 <div id="spacingSingle"></div> | 49 <div id="spacingSingle"></div> |
53 <div id="zeroSpacingPair"></div> | 50 <div id="zeroSpacingPair"></div> |
54 <div id="zeroSpacingSingle"></div> | 51 <div id="zeroSpacingSingle"></div> |
55 <div id="spacingInit"></div> | 52 <div id="spacingInit"></div> |
56 </body> | 53 </body> |
57 </html> | 54 </html> |
OLD | NEW |