blob: 53f5f9e5c7f447bc87cc1ee460323b93df2cdc68 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
<!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="help" href="https://drafts.csswg.org/css-display/#unbox-html">
<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
|
