third_party/WebKit/LayoutTests/fast/images/imagemap-focus-ring-zero-outline-width.html

   1 <html>
   2 <head>
   3 <style>
   4 area:focus {
   5     outline-color: red;
   6     outline-width: 0px;
   7 }
   8 </style>
   9 <script>
  10 window.onload = function()
  11 {
  12     document.getElementById("area").focus();
  13 }
  14 </script>
  15 </head>
  16 <body>
  17 <p>Assuming the port-specific theme draws focus rings, this test can be used to ensure that a focus ring is not drawn for an &lt;area&gt; with a 0px outline-width. This test PASSED if no red focus ring is drawn around the &lt;area&gt; in the imagemap (below).</p>
  18 <map name="imagemap">
  19     <area id="area" shape="rect" coords="0,0,128,128" href="#dummy"/>
  20 </map>
  21 <img src="../events/resources/abe.png" width="128" height="128" usemap="#imagemap" />
  22 </body>
  23 </head>
  24 </html>