Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-display/display-contents-unusual-html-elements-none.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Display: display:contents and unusual HTML elements as display:none</title>
<link rel="author" title="Rune Lillesveen" href="mailto:futhark@chromium.org">
<link rel="match" href="display-contents-pass-ref.html">
<style>
/* Disable kerning because kerning may differ for different node tree. */
html { font-kerning: none; font-feature-settings: "kern" off; }
body { overflow: hidden }
br, wbr, meter, progress, canvas, embed, object, audio, iframe, img, video,
input, textarea, select {
display: contents;
border: 10px solid red;
width: 200px; height: 200px;
}
</style>
<p>You should see the word PASS below.</p>
<div>
<meter></meter>
<progress></progress>
<canvas></canvas>
<embed>
<object>FAIL</object>
<audio controls></audio>
<iframe></iframe>
<img>
<video></video>
<input></input>
<textarea></textarea>
<select></select>
</div>
P<br>A<wbr>S<br>S