-
Notifications
You must be signed in to change notification settings - Fork 1
/
css-values-3.xhtml
87 lines (86 loc) · 1.56 KB
/
css-values-3.xhtml
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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja">
<head>
<meta charset="utf-8" />
<title>CSS Values and Units Level 3</title>
<style>
#length-units .OK {
display: block;
width: 0;
overflow: hidden;
}
#length-units .ch .OK {
width: 10ch;
}
#length-units .rem .OK {
width: 10rem;
}
#length-units .vw .OK {
width: 10vw;
}
#length-units .vw .OK {
width: 10vw;
}
#length-units .vh .OK {
width: 10vh;
}
#length-units .vmin .OK {
width: 10vmin;
}
#length-units .vmax .OK {
width: 10vmax;
}
#length-units .Q .OK {
width: 100Q;
}
</style>
</head>
<body>
<h1>CSS Values and Units Level 3</h1>
<section id="length-units">
<h2>長さの単位</h2>
<section class="ch">
<h3>ch</h3>
<ul>
<li><span class="OK">OK</span></li>
</ul>
</section>
<section class="rem">
<h3>rem</h3>
<ul>
<li><span class="OK">OK</span></li>
</ul>
</section>
<section class="vw">
<h3>vw</h3>
<ul>
<li><span class="OK">OK</span></li>
</ul>
</section>
<section class="vh">
<h3>vh</h3>
<ul>
<li><span class="OK">OK</span></li>
</ul>
</section>
<section class="vmin">
<h3>vmin</h3>
<ul>
<li><span class="OK">OK</span></li>
</ul>
</section>
<section class="vmax">
<h3>vmax</h3>
<ul>
<li><span class="OK">OK</span></li>
</ul>
</section>
<section class="Q">
<h3>Q</h3>
<ul>
<li><span class="OK">OK</span></li>
</ul>
</section>
</section>
</body>
</html>