LayoutTests/fast/replaced/outline-replaced-elements.html

   1 <!DOCTYPE html>
   2 <style>
   3   .group {
   4     float: left; width: 180px;
   5   }
   6
   7   embed, iframe, object, img, input[type="image"], canvas, media, video {
   8     margin: 10px 0 20px 10px;
   9     outline: 4px solid black;
  10     border: 10px solid transparent;
  11     background-color: blue;
  12     display: block;
  13     height: 100px;
  14     width: 100px;
  15   }
  16 </style>
  17
  18 <script>
  19 if (window.layoutTestController) {
  20     var dumpPixelResults = true;
  21     layoutTestController.dumpAsText(dumpPixelResults);
  22 }
  23 </script>
  24
  25 <body>
  26 All the replaced elements below should have a solid black outline.<p>
  27
  28 <div class="group">
  29  &lt;video&gt;
  30   <video src=""></video>
  31  &lt;canvas&gt;
  32   <canvas src="one day maybe"></canvas>
  33  &lt;media&gt;
  34   <media src=""></media>
  35 </div>
  36
  37 <div class="group">
  38  &lt;iframe&gt;
  39   <iframe src="resources/square-blue-100x100.png"></iframe>
  40  &lt;embed&gt;
  41   <embed data="resources/square-blue-100x100.png">
  42  &lt;object&gt;
  43   <object src="resources/square-blue-100x100.png"></object>
  44 </div>
  45
  46 <div class="group">
  47  &lt;input type=image&gt;
  48   <input type="image" src="resources/square-blue-100x100.png">
  49  &lt;img&gt;
  50   <img src="resources/square-blue-100x100.png">
  51 </div>
  52
  53 </body>