Reviewed by Darin.
[WebKit-https.git] / LayoutTests / css1 / font_properties / font_size.html
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "">
2 <HTML>
3 <HEAD>
4 <TITLE>CSS1 Test Suite: 5.2.6 font-size</TITLE>
5 <META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
6 <META http-equiv="Content-Style-Type" content="text/css">
8 <LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
9 <STYLE type="text/css">
10 .one {font-size: medium;}
11 .two {font-size: larger;}
12 .three {font-size: smaller;}
13 .four {font-size: xx-small;}
14 .five {font-size: x-small;}
15 .six {font-size: small;}
16 .seven {font-size: large;}
17 .eight {font-size: x-large;}
18 .nine {font-size: xx-large;}
19 .a {font-size: 0.5in;}
20 .b {font-size: 1cm;}
21 .c {font-size: 10mm;}
22 .d {font-size: 18pt;}
23 .e {font-size: 1.5pc;}
24 .f {font-size: 2em;}
25 .g {font-size: 3ex;}
26 .h {font-size: 25px;}
27 .i {font-size: 200%;}
28 .j {font-size: -0.5in;}
29 </STYLE>
31 </HEAD>
33 <BODY><P>The style declarations which apply to the text below are:</P>
34 <PRE>.one {font-size: medium;}
35 .two {font-size: larger;}
36 .three {font-size: smaller;}
37 .four {font-size: xx-small;}
38 .five {font-size: x-small;}
39 .six {font-size: small;}
40 .seven {font-size: large;}
41 .eight {font-size: x-large;}
42 .nine {font-size: xx-large;}
43 .a {font-size: 0.5in;}
44 .b {font-size: 1cm;}
45 .c {font-size: 10mm;}
46 .d {font-size: 18pt;}
47 .e {font-size: 1.5pc;}
48 .f {font-size: 2em;}
49 .g {font-size: 3ex;}
50 .h {font-size: 25px;}
51 .i {font-size: 200%;}
52 .j {font-size: -0.5in;}
54 </PRE>
55 <HR>
56 <P>
57 This paragraph element is unstyled, so the size of the font in this element is the default size for this user agent.
58 </P>
59 <P class="one">
60 This sentence has been set to <CODE>medium</CODE>, which may or may not be the same size as unstyled text.
61 </P>
62 <P class="two">
63 This sentence should be larger than unstyled text.
64 </P>
65 <P class="three">
66 This sentence should be smaller than unstyled text.
67 </P>
68 <P class="four">
69 This sentence should be very small, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
70 </P>
71 <P class="five">
72 This sentence should be rather small, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
73 </P>
74 <P class="six">
75 This sentence should be small, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
76 </P>
77 <P class="seven">
78 This sentence should be large, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
79 </P>
80 <P class="eight">
81 This sentence should be rather large, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
82 </P>
83 <P class="nine">
84 This sentence should be very large, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
85 </P>
86 <P class="a">
87 This sentence should be half an inch tall.
88 </P>
89 <P class="b">
90 This sentence should be one centimeter tall.
91 </P>
92 <P class="c">
93 This sentence should be ten millimeters tall.
94 </P>
95 <P class="d">
96 This sentence should be eighteen points tall.
97 </P>
98 <P class="e">
99 This sentence should be one and one half picas tall.
100 </P>
101 <P class="f">
102 This sentence should be two em tall.
103 </P>
104 <P class="g">
105 This sentence should be three ex tall.
106 </P>
107 <P class="h">
108 This sentence should be twenty-five pixels tall.
109 </P>
110 <P class="i">
111 This sentence should be twice normal size.
112 </P>
113 <P class="j">
114 This sentence should be normal size, since no negative values are allowed and therefore should be ignored.
115 </P>
118 <TABLE border cellspacing="0" cellpadding="3" class="tabletest">
119 <TR>
120 <TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
121 </TR>
122 <TR>
123 <TD bgcolor="silver">&nbsp;</TD>
124 <TD><P>
125 This paragraph element is unstyled, so the size of the font in this element is the default size for this user agent.
126 </P>
127 <P class="one">
128 This sentence has been set to <CODE>medium</CODE>, which may or may not be the same size as unstyled text.
129 </P>
130 <P class="two">
131 This sentence should be larger than unstyled text.
132 </P>
133 <P class="three">
134 This sentence should be smaller than unstyled text.
135 </P>
136 <P class="four">
137 This sentence should be very small, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
138 </P>
139 <P class="five">
140 This sentence should be rather small, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
141 </P>
142 <P class="six">
143 This sentence should be small, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
144 </P>
145 <P class="seven">
146 This sentence should be large, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
147 </P>
148 <P class="eight">
149 This sentence should be rather large, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
150 </P>
151 <P class="nine">
152 This sentence should be very large, but the last word in the sentence should be <SPAN class="one">medium</SPAN>.
153 </P>
154 <P class="a">
155 This sentence should be half an inch tall.
156 </P>
157 <P class="b">
158 This sentence should be one centimeter tall.
159 </P>
160 <P class="c">
161 This sentence should be ten millimeters tall.
162 </P>
163 <P class="d">
164 This sentence should be eighteen points tall.
165 </P>
166 <P class="e">
167 This sentence should be one and one half picas tall.
168 </P>
169 <P class="f">
170 This sentence should be two em tall.
171 </P>
172 <P class="g">
173 This sentence should be three ex tall.
174 </P>
175 <P class="h">
176 This sentence should be twenty-five pixels tall.
177 </P>
178 <P class="i">
179 This sentence should be twice normal size.
180 </P>
181 <P class="j">
182 This sentence should be normal size, since no negative values are allowed and therefore should be ignored.
183 </P>
184 </TD></TR></TABLE></BODY>
185 </HTML>