text-transform-bicameral-012

text-transform - Cyrillic, lowercase

WeasyPrint

This browser

Assertion
The UA will lowercase Unicode Cyrillic when text-transform is set to lowercase.

Source

  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 - Cyrillic, lowercase</title>
  5 <link rel="author" title="Richard Ishida" href="http://rishida.net">
  6 <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
  7 <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop">
  8 <link rel="alternate" href="http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=12">
  9 <meta name="flags" content="">
 10 <meta name="assert" content="The UA will lowercase Unicode Cyrillic when text-transform is set to lowercase.">
 11 <style type="text/css">
 12 .test span { text-transform: lowercase; }
 13 
 14 /* the CSS below is not part of the test */
 15 .test { font-size: 130%; line-height: 2.5; color: blue; }
 16 .test div { white-space: nowrap; text-align: center;
 17              width: 5em; display: inline-block; }</style>
 18 <script type="text/javascript">
 19 //
 20 function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value;	var divs = document.getElementsByTagName('div');	var i = 0; var div;	while (i < divs.length) {	 	div = divs.item(i);		if (div.className == 'test') { 			div.style.fontFamily = fontName; 			}		i++;		}	}
 21 //
 22 </script>
 23 </head>
 24 <body>
 25 <p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p>
 26 
 27 
 28 <div class="test">
 29 <div><span>А</span> а</div>
 30 <div><span>Б</span> б</div>
 31 <div><span>В</span> в</div>
 32 <div><span>Г</span> г</div>
 33 <div><span>Д</span> д</div>
 34 <div><span>Е</span> е</div>
 35 <div><span>Ж</span> ж</div>
 36 <div><span>З</span> з</div>
 37 <div><span>И</span> и</div>
 38 <div><span>Й</span> й</div>
 39 <div><span>К</span> к</div>
 40 <div><span>Л</span> л</div>
 41 <div><span>М</span> м</div>
 42 <div><span>Н</span> н</div>
 43 <div><span>О</span> о</div>
 44 <div><span>П</span> п</div>
 45 <div><span>Р</span> р</div>
 46 <div><span>С</span> с</div>
 47 <div><span>Т</span> т</div>
 48 <div><span>У</span> у</div>
 49 <div><span>Ф</span> ф</div>
 50 <div><span>Х</span> х</div>
 51 <div><span>Ц</span> ц</div>
 52 <div><span>Ч</span> ч</div>
 53 <div><span>Ш</span> ш</div>
 54 <div><span>Щ</span> щ</div>
 55 <div><span>Ъ</span> ъ</div>
 56 <div><span>Ы</span> ы</div>
 57 <div><span>Ь</span> ь</div>
 58 <div><span>Э</span> э</div>
 59 <div><span>Ю</span> ю</div>
 60 <div><span>Я</span> я</div>
 61 <div><span>Ѐ</span> ѐ</div>
 62 <div><span>Ё</span> ё</div>
 63 <div><span>Ђ</span> ђ</div>
 64 <div><span>Ѓ</span> ѓ</div>
 65 <div><span>Є</span> є</div>
 66 <div><span>Ѕ</span> ѕ</div>
 67 <div><span>І</span> і</div>
 68 <div><span>Ї</span> ї</div>
 69 <div><span>Ј</span> ј</div>
 70 <div><span>Љ</span> љ</div>
 71 <div><span>Њ</span> њ</div>
 72 <div><span>Ћ</span> ћ</div>
 73 <div><span>Ќ</span> ќ</div>
 74 <div><span>Ѝ</span> ѝ</div>
 75 <div><span>Ў</span> ў</div>
 76 <div><span>Џ</span> џ</div>
 77 <div><span>Ѡ</span> ѡ</div>
 78 <div><span>Ѣ</span> ѣ</div>
 79 <div><span>Ѥ</span> ѥ</div>
 80 <div><span>Ѧ</span> ѧ</div>
 81 <div><span>Ѩ</span> ѩ</div>
 82 <div><span>Ѫ</span> ѫ</div>
 83 <div><span>Ѭ</span> ѭ</div>
 84 <div><span>Ѯ</span> ѯ</div>
 85 <div><span>Ѱ</span> ѱ</div>
 86 <div><span>Ѳ</span> ѳ</div>
 87 <div><span>Ѵ</span> ѵ</div>
 88 <div><span>Ѷ</span> ѷ</div>
 89 <div><span>Ѹ</span> ѹ</div>
 90 <div><span>Ѻ</span> ѻ</div>
 91 <div><span>Ѽ</span> ѽ</div>
 92 <div><span>Ѿ</span> ѿ</div>
 93 <div><span>Ҁ</span> ҁ</div>
 94 <div><span>Ҋ</span> ҋ</div>
 95 <div><span>Ҍ</span> ҍ</div>
 96 <div><span>Ҏ</span> ҏ</div>
 97 <div><span>Ґ</span> ґ</div>
 98 <div><span>Ғ</span> ғ</div>
 99 <div><span>Ҕ</span> ҕ</div>
100 <div><span>Җ</span> җ</div>
101 <div><span>Ҙ</span> ҙ</div>
102 <div><span>Қ</span> қ</div>
103 <div><span>Ҝ</span> ҝ</div>
104 <div><span>Ҟ</span> ҟ</div>
105 <div><span>Ҡ</span> ҡ</div>
106 <div><span>Ң</span> ң</div>
107 <div><span>Ҥ</span> ҥ</div>
108 <div><span>Ҧ</span> ҧ</div>
109 <div><span>Ҩ</span> ҩ</div>
110 <div><span>Ҫ</span> ҫ</div>
111 <div><span>Ҭ</span> ҭ</div>
112 <div><span>Ү</span> ү</div>
113 <div><span>Ұ</span> ұ</div>
114 <div><span>Ҳ</span> ҳ</div>
115 <div><span>Ҵ</span> ҵ</div>
116 <div><span>Ҷ</span> ҷ</div>
117 <div><span>Ҹ</span> ҹ</div>
118 <div><span>Һ</span> һ</div>
119 <div><span>Ҽ</span> ҽ</div>
120 <div><span>Ҿ</span> ҿ</div>
121 <div><span>Ӂ</span> ӂ</div>
122 <div><span>Ӄ</span> ӄ</div>
123 <div><span>Ӆ</span> ӆ</div>
124 <div><span>Ӈ</span> ӈ</div>
125 <div><span>Ӊ</span> ӊ</div>
126 <div><span>Ӌ</span> ӌ</div>
127 <div><span>Ӎ</span> ӎ</div>
128 <div><span>Ӑ</span> ӑ</div>
129 <div><span>Ӓ</span> ӓ</div>
130 <div><span>Ӕ</span> ӕ</div>
131 <div><span>Ӗ</span> ӗ</div>
132 <div><span>Ә</span> ә</div>
133 <div><span>Ӛ</span> ӛ</div>
134 <div><span>Ӝ</span> ӝ</div>
135 <div><span>Ӟ</span> ӟ</div>
136 <div><span>Ӡ</span> ӡ</div>
137 <div><span>Ӣ</span> ӣ</div>
138 <div><span>Ӥ</span> ӥ</div>
139 <div><span>Ӧ</span> ӧ</div>
140 <div><span>Ө</span> ө</div>
141 <div><span>Ӫ</span> ӫ</div>
142 <div><span>Ӭ</span> ӭ</div>
143 <div><span>Ӯ</span> ӯ</div>
144 <div><span>Ӱ</span> ӱ</div>
145 <div><span>Ӳ</span> ӳ</div>
146 <div><span>Ӵ</span> ӵ</div>
147 <div><span>Ӹ</span> ӹ</div>
148 <div><span>Ԁ</span> ԁ</div>
149 <div><span>Ԃ</span> ԃ</div>
150 <div><span>Ԅ</span> ԅ</div>
151 <div><span>Ԇ</span> ԇ</div>
152 <div><span>Ԉ</span> ԉ</div>
153 <div><span>Ԋ</span> ԋ</div>
154 <div><span>Ԍ</span> ԍ</div>
155 <div><span>Ԏ</span> ԏ</div>
156 </div>
157 
158 
159 <p id="fontChange" style="display: none;" class="notes">If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class="css" name="fontName" id="fontName" value="" type="text"> <button class="notes" type="button" onclick="setFontFamily()">Apply</button></p><script type="text/javascript">if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
160 </html>