OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 .test { float: left; width: 50px; height: 50px; border: 1px solid black;
} | 5 .test { float: left; width: 50px; height: 50px; border: 1px solid black;
} |
6 #topRightDiff { -webkit-border-top-right-radius: 10px 20px; } | 6 #topRightDiff { -webkit-border-top-right-radius: 10px 20px; } |
7 #topRightSame {-webkit-border-top-right-radius: 10px; } | 7 #topRightSame {-webkit-border-top-right-radius: 10px; } |
8 #topLeftDiff { -webkit-border-top-left-radius: 10px 20px; } | 8 #topLeftDiff { -webkit-border-top-left-radius: 10px 20px; } |
9 #topLeftSame { -webkit-border-top-left-radius: 10px; } | 9 #topLeftSame { -webkit-border-top-left-radius: 10px; } |
10 #bottomRightDiff { -webkit-border-bottom-right-radius: 10px 20px; } | 10 #bottomRightDiff { -webkit-border-bottom-right-radius: 10px 20px; } |
11 #bottomRightSame { -webkit-border-bottom-right-radius: 10px; } | 11 #bottomRightSame { -webkit-border-bottom-right-radius: 10px; } |
12 #bottomLeftDiff { -webkit-border-bottom-left-radius: 10px 20px; } | 12 #bottomLeftDiff { -webkit-border-bottom-left-radius: 10px 20px; } |
13 #bottomLeftSame { -webkit-border-bottom-left-radius: 10px; } | 13 #bottomLeftSame { -webkit-border-bottom-left-radius: 10px; } |
14 </style> | 14 </style> |
15 <script type="text/javascript"> | 15 <script type="text/javascript"> |
16 function log(msg) | 16 function log(msg) |
17 { | 17 { |
18 document.getElementById('console').appendChild(document.createTextNo
de(msg + '\n')); | 18 document.getElementById('console').appendChild(document.createTextNo
de(msg + '\n')); |
19 } | 19 } |
20 | 20 |
21 function test(id, prop) | 21 function test(id, prop) |
22 { | 22 { |
23 var ob = document.getElementById(id + 'Diff'); | 23 var ob = document.getElementById(id + 'Diff'); |
24 log('getPropertyValue(' + prop + '): ' + document.defaultView.getCom
putedStyle(ob, null).getPropertyValue(prop)); | 24 log('getPropertyValue(' + prop + '): ' + document.defaultView.getCom
putedStyle(ob, null).getPropertyValue(prop)); |
25 log('getPropertyCSSValue(' + prop + '): ' + document.defaultView.get
ComputedStyle(ob, null).getPropertyCSSValue(prop)); | |
26 ob = document.getElementById(id + 'Same'); | 25 ob = document.getElementById(id + 'Same'); |
27 log('getPropertyValue(' + prop + '): ' + document.defaultView.getCom
putedStyle(ob, null).getPropertyValue(prop)); | 26 log('getPropertyValue(' + prop + '): ' + document.defaultView.getCom
putedStyle(ob, null).getPropertyValue(prop)); |
28 log('getPropertyCSSValue(' + prop + '): ' + document.defaultView.get
ComputedStyle(ob, null).getPropertyCSSValue(prop)); | |
29 } | 27 } |
30 | 28 |
31 function runTests() | 29 function runTests() |
32 { | 30 { |
33 if (window.testRunner) | 31 if (window.testRunner) |
34 testRunner.dumpAsText(); | 32 testRunner.dumpAsText(); |
35 | 33 |
36 test('topRight', '-webkit-border-top-right-radius'); | 34 test('topRight', '-webkit-border-top-right-radius'); |
37 test('topLeft', '-webkit-border-top-left-radius'); | 35 test('topLeft', '-webkit-border-top-left-radius'); |
38 test('bottomRight', '-webkit-border-bottom-right-radius'); | 36 test('bottomRight', '-webkit-border-bottom-right-radius'); |
(...skipping 15 matching lines...) Expand all Loading... |
54 <div class="test" id="topLeftDiff"></div> | 52 <div class="test" id="topLeftDiff"></div> |
55 <div class="test" id="topLeftSame"></div> | 53 <div class="test" id="topLeftSame"></div> |
56 <div class="test" id="bottomRightDiff"></div> | 54 <div class="test" id="bottomRightDiff"></div> |
57 <div class="test" id="bottomRightSame"></div> | 55 <div class="test" id="bottomRightSame"></div> |
58 <div class="test" id="bottomLeftDiff"></div> | 56 <div class="test" id="bottomLeftDiff"></div> |
59 <div class="test" id="bottomLeftSame"></div> | 57 <div class="test" id="bottomLeftSame"></div> |
60 <script> | 58 <script> |
61 </script> | 59 </script> |
62 </body> | 60 </body> |
63 </html> | 61 </html> |
OLD | NEW |