text-transform-capitalize-018

CSS3 Text, text transform: capitalize, Cyrillic

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Assertion
For the Cyrillic Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected.

Source

 1 <!DOCTYPE html>
 2 <html lang="en"><head>
 3 <meta charset="utf-8">
 4 <title>CSS3 Text, text transform: capitalize, Cyrillic</title>
 5 <meta content="For the Cyrillic Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected." 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-capitalize-018-ref.htm" rel="match">
 9 <style type="text/css">
10 @font-face {
11 	font-family: 'webfont';
12 	src: url('../../fonts/GentiumPlus-R.woff2') format('woff2'),
13 	 url('../../fonts/GentiumPlus-R.woff') format('woff');
14 	font-weight: normal;
15 	font-style: normal;
16 	}
17 .test, .ref { font-size: 200%; line-height: 2.5em; font-family: 'Doulos SIL', 'Noto Serif', 'Noto Sans', webfont, sans-serif; }
18 .test span, .ref span { margin-right: 1em; white-space: nowrap; }
19 /* the CSS above is not part of the test */
20 .test { text-transform: capitalize; }
21 </style>
22 </head>
23 <body>
24 <p class="instructions">The text is arranged in pairs of three-letter 'words'. Test passes if the words in each pair match<br>
25 If you are missing a font glyph for a character, ignore that pair, but report which characters were ignored.</p>
26 <div class="test"><span title="U+0430">ааа Ааа</span> <span title="U+0431">ббб Ббб</span> <span title="U+0432">ввв Ввв</span> <span title="U+0433">ггг Ггг</span> <span title="U+0434">ддд Ддд</span> <span title="U+0435">еее Еее</span> <span title="U+0436">жжж Жжж</span> <span title="U+0437">ззз Ззз</span> <span title="U+0438">иии Иии</span> <span title="U+0439">ййй Ййй</span> <span title="U+043A">ккк Ккк</span> <span title="U+043B">ллл Ллл</span> <span title="U+043C">ммм Ммм</span> <span title="U+043D">ннн Ннн</span> <span title="U+043E">ооо Ооо</span> <span title="U+043F">ппп Ппп</span> <span title="U+0440">ррр Ррр</span> <span title="U+0441">ссс Ссс</span> <span title="U+0442">ттт Ттт</span> <span title="U+0443">ууу Ууу</span> <span title="U+0444">ффф Ффф</span> <span title="U+0445">ххх Ххх</span> <span title="U+0446">ццц Ццц</span> <span title="U+0447">ччч Ччч</span> <span title="U+0448">шшш Шшш</span> <span title="U+0449">щщщ Щщщ</span> <span title="U+044A">ъъъ Ъъъ</span> <span title="U+044B">ыыы Ыыы</span> <span title="U+044C">ььь Ььь</span> <span title="U+044D">эээ Эээ</span> <span title="U+044E">ююю Ююю</span> <span title="U+044F">яяя Яяя</span> <span title="U+0450">ѐѐѐ Ѐѐѐ</span> <span title="U+0451">ёёё Ёёё</span> <span title="U+0452">ђђђ Ђђђ</span> <span title="U+0453">ѓѓѓ Ѓѓѓ</span> <span title="U+0454">єєє Єєє</span> <span title="U+0455">ѕѕѕ Ѕѕѕ</span> <span title="U+0456">ііі Ііі</span> <span title="U+0457">їїї Їїї</span> <span title="U+0458">јјј Јјј</span> <span title="U+0459">љљљ Љљљ</span> <span title="U+045A">њњњ Њњњ</span> <span title="U+045B">ћћћ Ћћћ</span> <span title="U+045C">ќќќ Ќќќ</span> <span title="U+045D">ѝѝѝ Ѝѝѝ</span> <span title="U+045E">ўўў Ўўў</span> <span title="U+045F">џџџ Џџџ</span> <span title="U+0461">ѡѡѡ Ѡѡѡ</span> <span title="U+0463">ѣѣѣ Ѣѣѣ</span> <span title="U+0465">ѥѥѥ Ѥѥѥ</span> <span title="U+0467">ѧѧѧ Ѧѧѧ</span> <span title="U+0469">ѩѩѩ Ѩѩѩ</span> <span title="U+046B">ѫѫѫ Ѫѫѫ</span> <span title="U+046D">ѭѭѭ Ѭѭѭ</span> <span title="U+046F">ѯѯѯ Ѯѯѯ</span> <span title="U+0471">ѱѱѱ Ѱѱѱ</span> <span title="U+0473">ѳѳѳ Ѳѳѳ</span> <span title="U+0475">ѵѵѵ Ѵѵѵ</span> <span title="U+0477">ѷѷѷ Ѷѷѷ</span> <span title="U+0479">ѹѹѹ Ѹѹѹ</span> <span title="U+047B">ѻѻѻ Ѻѻѻ</span> <span title="U+047D">ѽѽѽ Ѽѽѽ</span> <span title="U+047F">ѿѿѿ Ѿѿѿ</span> <span title="U+0481">ҁҁҁ Ҁҁҁ</span> <span title="U+048B">ҋҋҋ Ҋҋҋ</span> <span title="U+048D">ҍҍҍ Ҍҍҍ</span> <span title="U+048F">ҏҏҏ Ҏҏҏ</span> <span title="U+0491">ґґґ Ґґґ</span> <span title="U+0493">ғғғ Ғғғ</span> <span title="U+0495">ҕҕҕ Ҕҕҕ</span> <span title="U+0497">җҗҗ Җҗҗ</span> <span title="U+0499">ҙҙҙ Ҙҙҙ</span> <span title="U+049B">қққ Қққ</span> <span title="U+049D">ҝҝҝ Ҝҝҝ</span> <span title="U+049F">ҟҟҟ Ҟҟҟ</span> <span title="U+04A1">ҡҡҡ Ҡҡҡ</span> <span title="U+04A3">ңңң Ңңң</span> <span title="U+04A5">ҥҥҥ Ҥҥҥ</span> <span title="U+04A7">ҧҧҧ Ҧҧҧ</span> <span title="U+04A9">ҩҩҩ Ҩҩҩ</span> <span title="U+04AB">ҫҫҫ Ҫҫҫ</span> <span title="U+04AD">ҭҭҭ Ҭҭҭ</span> <span title="U+04AF">үүү Үүү</span> <span title="U+04B1">ұұұ Ұұұ</span> <span title="U+04B3">ҳҳҳ Ҳҳҳ</span> <span title="U+04B5">ҵҵҵ Ҵҵҵ</span> <span title="U+04B7">ҷҷҷ Ҷҷҷ</span> <span title="U+04B9">ҹҹҹ Ҹҹҹ</span> <span title="U+04BB">һһһ Һһһ</span> <span title="U+04BD">ҽҽҽ Ҽҽҽ</span> <span title="U+04BF">ҿҿҿ Ҿҿҿ</span> <span title="U+04C2">ӂӂӂ Ӂӂӂ</span> <span title="U+04C4">ӄӄӄ Ӄӄӄ</span> <span title="U+04C6">ӆӆӆ Ӆӆӆ</span> <span title="U+04C8">ӈӈӈ Ӈӈӈ</span> <span title="U+04CA">ӊӊӊ Ӊӊӊ</span> <span title="U+04CC">ӌӌӌ Ӌӌӌ</span> <span title="U+04CE">ӎӎӎ Ӎӎӎ</span> <span title="U+04CF">ӏӏӏ Ӏӏӏ</span> <span title="U+04D1">ӑӑӑ Ӑӑӑ</span> <span title="U+04D3">ӓӓӓ Ӓӓӓ</span> <span title="U+04D5">ӕӕӕ Ӕӕӕ</span> <span title="U+04D7">ӗӗӗ Ӗӗӗ</span> <span title="U+04D9">әәә Әәә</span> <span title="U+04DB">ӛӛӛ Ӛӛӛ</span> <span title="U+04DD">ӝӝӝ Ӝӝӝ</span> <span title="U+04DF">ӟӟӟ Ӟӟӟ</span> <span title="U+04E1">ӡӡӡ Ӡӡӡ</span> <span title="U+04E3">ӣӣӣ Ӣӣӣ</span> <span title="U+04E5">ӥӥӥ Ӥӥӥ</span> <span title="U+04E7">ӧӧӧ Ӧӧӧ</span> <span title="U+04E9">өөө Өөө</span> <span title="U+04EB">ӫӫӫ Ӫӫӫ</span> <span title="U+04ED">ӭӭӭ Ӭӭӭ</span> <span title="U+04EF">ӯӯӯ Ӯӯӯ</span> <span title="U+04F1">ӱӱӱ Ӱӱӱ</span> <span title="U+04F3">ӳӳӳ Ӳӳӳ</span> <span title="U+04F5">ӵӵӵ Ӵӵӵ</span> <span title="U+04F7">ӷӷӷ Ӷӷӷ</span> <span title="U+04F9">ӹӹӹ Ӹӹӹ</span> <span title="U+04FB">ӻӻӻ Ӻӻӻ</span> <span title="U+04FD">ӽӽӽ Ӽӽӽ</span> <span title="U+04FF">ӿӿӿ Ӿӿӿ</span></div>
27 <!--Notes:
28 Tip: To identify the characters where differences occur, in order to report problem characters,either mouse over to reveal a tooltip, or copy and paste the sequence into a tool such as <a href='http://r12a.github.io/uniview/' target='_blank'>UniView</a> or the <a href='http://r12a.github.io/apps/conversion/' target='_blank'>Unicode Conversion Tool</a>.
29 -->
30 
31 </body></html>