third_party/WebKit/LayoutTests/fast/css/getComputedStyle/getComputedStyle-border-spacing.html

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