Source code

Revision control

Copy as Markdown

Other Tools

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
<link rel="author" href="https://mozilla.org" title="Mozilla">
<style>
video, audio, canvas, svg, img, embed, object, iframe {
border: 3px solid teal;
max-height: 0px;
max-width: 0px;
margin: 15px;
}
</style>
<body>
<!-- video element: -->
<video></video>
<video controls></video>
<video poster="support/blue-100x100.png"></video>
<video poster="support/blue-100x100.png" controls></video>
<video src="support/white.webm" controls></video>
<video src="support/white.webm" controls></video>
<br>
<!-- audio element with controls, and a few other misc replaced elements: -->
<audio controls></audio>
<canvas></canvas>
<svg></svg>
<br>
<!-- image elements: -->
<img src="broken">
<img src="support/blue-100x100.png">
<picture><source srcset="support/blue-100x100.png"><img></picture>
<br>
<!-- document-embedding elements (with & without a target resource that
could provide an intrinsic ratio in some cases, in the absence of
contain:size): -->
<embed>
<embed src="support/blue-100x100.png">
<object></object>
<object data="support/blue-100x100.png"></object>
<iframe></iframe>
<iframe src="support/blue-100x100.png"></iframe>
<br>
</body>