third_party/WebKit/LayoutTests/fast/text/overflow-wrap-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <title>CSS Test: 'overflow-wrap' property is identical to 'text-wrap' property.</title>
   5     <link rel="author" title="Mikhail Pozdnyakov" href="mailto:mikhail.pozdnyakov@intel.com" />
   6     <link rel="help" href="http://www.w3.org/TR/2012/WD-css3-text-20120814/#overflow-wrap" />
   7     <script type="text/javascript">
   8         function test()
   9         {
  10             var propertyName = "word-wrap";
  11
  12             var value = window.getComputedStyle(document.getElementById("default"), null).getPropertyValue(propertyName);
  13             var text = "Wrapping is : " + value + ".\n";
  14
  15             document.getElementById("default-value").textContent = text;
  16
  17             value = window.getComputedStyle(document.getElementById("break-word"), null).getPropertyValue(propertyName);
  18             text = "Wrapping is : " + value + ".\n";
  19
  20             document.getElementById("break-word-value").textContent = text;
  21         }
  22     </script>
  23 </head>
  24 <body onload="test()">
  25     <div id="default" style="border:2px solid blue;width:150px;">Longlonglonglonglonglonglonglonglongword</div>
  26     <p id="default-value" style="white-space: pre"></p>
  27     <div id="break-word" style="border:2px solid blue;width:150px;word-wrap:break-word">
  28         Longlonglonglonglonglonglonglonglongword
  29         <p>Longlonglonglonglonglonglonglonglongword</p>
  30     </div>
  31     <p id="break-word-value" style="white-space: pre"></p>
  32 </body>
  33 </html>