LayoutTests/fast/images/imagemap-focus-ring-outline-color-explicitly-inherited-from-map.html

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