| <!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> |