-
Notifications
You must be signed in to change notification settings - Fork 3.7k
Expand file tree
/
Copy pathmarker-content-010.html
More file actions
30 lines (30 loc) · 1.06 KB
/
marker-content-010.html
File metadata and controls
30 lines (30 loc) · 1.06 KB
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
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>CSS Test: ::marker pseudo elements styled with 'content' property</title>
<link rel="author" title="Mats Palmgren" href="mailto:[email protected]">
<!-- Outside markers may affect the height of the first line of the list item.
In the 1st reference the line height isn't affected, in the 2nd one it is.
Both are valid behaviors, the test passes if one of them matches -->
<link rel="match" href="marker-content-010-ref-001.html">
<link rel="match" href="marker-content-010-ref-002.html">
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#marker-pseudo">
<style>
html,body {
color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
}
body { margin-left: 40px; }
.big { font-size:xx-large; }
.big-marker > li::marker { font-size:xx-large; }
</style>
</head><body>
<ol>
<li><div class="big">C<br>D</div></li>
<li><div></div><div class="big">C<br>D</div>
</li>
</ol>
<ol class="big-marker">
<li><div>C<br>D</div></li>
<li><div></div><div>C<br>D</div></li>
</ol>
</body></html>