third_party/WebKit/LayoutTests/fast/replaced/outline-replaced-elements.html - chromium/src - Git at Google

 <!DOCTYPE html>
 <style>
   .group {
     float: left; width: 180px;
   }

   embed, iframe, object, img, input[type="image"], canvas, media, video {
     margin: 10px 0 20px 10px;
     outline: 4px solid black;
     border: 10px solid transparent;
     background-color: blue;
     display: block;
     height: 100px;
     width: 100px;
   }
 </style>

 <script>
 if (window.testRunner) {
     testRunner.dumpAsTextWithPixelResults();
 }
 </script>

 <body>
 All the replaced elements below should have a solid black outline.<p>

 <div class="group">
  &lt;video&gt;
   <video src=""></video>
  &lt;canvas&gt;
   <canvas src="one day maybe"></canvas>
  &lt;media&gt;
   <media src=""></media>
 </div>

 <div class="group">
  &lt;iframe&gt;
   <iframe src="resources/square-blue-100x100.png"></iframe>
  &lt;embed&gt;
   <embed src="resources/square-blue-100x100.png" type="image/png">
  &lt;object&gt;
   <object src="resources/square-blue-100x100.png"></object>
 </div>

 <div class="group">
  &lt;input type=image&gt;
   <input type="image" src="resources/square-blue-100x100.png">
  &lt;img&gt;
   <img src="resources/square-blue-100x100.png">
 </div>

 </body>
	<!DOCTYPE html>
	<style>
	.group {
	float: left; width: 180px;
	}

	embed, iframe, object, img, input[type="image"], canvas, media, video {
	margin: 10px 0 20px 10px;
	outline: 4px solid black;
	border: 10px solid transparent;
	background-color: blue;
	display: block;
	height: 100px;
	width: 100px;
	}
	</style>

	<script>
	if (window.testRunner) {
	testRunner.dumpAsTextWithPixelResults();
	}
	</script>

	<body>
	All the replaced elements below should have a solid black outline.<p>

	<div class="group">
	<video>
	<video src=""></video>
	<canvas>
	<canvas src="one day maybe"></canvas>
	<media>
	<media src=""></media>
	</div>

	<div class="group">
	<iframe>
	<iframe src="resources/square-blue-100x100.png"></iframe>
	<embed>
	<embed src="resources/square-blue-100x100.png" type="image/png">
	<object>
	<object src="resources/square-blue-100x100.png"></object>
	</div>

	<div class="group">
	<input type=image>
	<input type="image" src="resources/square-blue-100x100.png">
	<img>
	<img src="resources/square-blue-100x100.png">
	</div>

	</body>