1 <!DOCTYPE html>
2 <html lang="en"><head>
3 <meta charset="utf-8">
4 <title>CSS3 Text, text transform: Greek final sigma, lowercase</title>
5 <meta content="text-transform: lowercase will lowercase Greek final sigma at the end of a word as described in Unicode's SpecialCasing.txt ." name="assert">
6 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
7 <link href="https://drafts.csswg.org/css-text-3/#text-transform" rel="help">
8 <link href="reference/text-transform-upperlower-038-ref.htm" rel="match">
9 <meta content="" name="flags">
10 <style type="text/css">
11 @font-face {
12 font-family: 'webfont';
13 src: url('../../fonts/GentiumPlus-R.woff') format('woff');
14 font-weight: normal;
15 font-style: normal;
16 }
17 .test, .ref { font-size: 36px; font-family: 'Gentium Plus', 'Noto Serif', 'Noto Sans', webfont, sans-serif; border: 1px solid orange; margin: 10px; width: 200px; padding: 5px; }
18 /* the CSS above is not part of the test */
19 .test { text-transform: lowercase; }
20 </style>
21 </head>
22 <body>
23 <p class="instructions">Test passes if the orange boxes are identical.</p>
24 <div class="test">ΟΔΥΣΣΕΥΣ</div>
25 <div class="ref">οδυσσευς</div>
26
27 </body></html>