1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <title>CSS Test: text-transform</title>
5 <meta name="flags" content="ahem image">
6 <link rel="help" href="http://www.w3.org/TR/REC-CSS1#text-transform">
7 <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html">
8 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
9 <style type="text/css">
10 div { font: 10px/1 Ahem; color: green; background: red url(support/css1test545.png); border: solid black; width: 32em; }
11 p { margin: 0; }
12 .ttn {text-transform: none;}
13 .cap {text-transform: capitalize;}
14 .upp {text-transform: uppercase;}
15 .low {text-transform: lowercase;}
16 </style>
17 <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" title="16.5 Capitalization: the 'text-transform' property">
18 </head>
19 <body>
20 <p>There should be a green box below.</p>
21 <div>
22 <p class="">
23 Xx xx x. (x.x. XX) x x <span class="cap">xx</span>xxx <span class="ttn">xxx</span>
24 Pp pp p. (p.p. PP) p p <span class="cap">pp</span>ppp <span class="ttn">ppp</span>
25 Éé éé é. (é.é. ÉÉ) é é <span class="cap">éé</span>ééé <span class="ttn">ééé</span>
26 </p>
27 <p class="ttn">
28 Xx xx x. (x.x. XX) x x <span class="cap">xx</span>xxx <span class="ttn">xxx</span>
29 Pp pp p. (p.p. PP) p p <span class="cap">pp</span>ppp <span class="ttn">ppp</span>
30 Éé éé é. (é.é. ÉÉ) é é <span class="cap">éé</span>ééé <span class="ttn">ééé</span>
31 </p>
32 <p class="cap">
33 Xx xx x. (x.x. XX) x x <span class="cap">xx</span>xxx <span class="ttn">xxx</span>
34 Pp pp p. (p.p. PP) p p <span class="cap">pp</span>ppp <span class="ttn">ppp</span>
35 Éé éé é. (é.e. ÉÉ) é é <span class="cap">éé</span>ééé <span class="ttn">ééé</span>
36 </p>
37 <p class="upp">
38 Xx xx x. (x.x. XX) x x <span class="cap">xx</span>xxx <span class="ttn">xxx</span>
39 Pp pp p. (p.p. PP) p p <span class="cap">pp</span>ppp <span class="ttn">ppp</span>
40 Éé éé é. (é.é. ÉÉ) é é <span class="cap">éé</span>ééé <span class="ttn">ééé</span>
41 </p>
42 <p class="low">
43 Xx xx x. (x.x. XX) x x <span class="cap">xx</span>xxx <span class="ttn">xxx</span>
44 Pp pp p. (p.p. PP) p p <span class="cap">pp</span>ppp <span class="ttn">ppp</span>
45 Éé éé é. (é.é. ÉÉ) é é <span class="cap">éé</span>ééé <span class="ttn">ééé</span>
46 </p>
47 </div>
48 </body>
49 </html>