text-transform-capitalize-014.html (6292B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"/> 5 <title>CSS3 Text, text transform: capitalize, Greek and Coptic</title> 6 <meta name="assert" content="For the Greek and Coptic Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected."> 7 <link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> 8 <link rel='help' href='https://drafts.csswg.org/css-text-3/#text-transform'> 9 <link rel="match" href="reference/text-transform-capitalize-014-ref.html"> 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: 125%; line-height: 1.5em; font-family: 'Gentium Plus', '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+0371">ͱͱͱ Ͱͱͱ</span> <span title="U+0373">ͳͳͳ Ͳͳͳ</span> <span title="U+0377">ͷͷͷ Ͷͷͷ</span> <span title="U+037B">ͻͻͻ Ͻͻͻ</span> <span title="U+037C">ͼͼͼ Ͼͼͼ</span> <span title="U+037D">ͽͽͽ Ͽͽͽ</span> <span title="U+03AC">άάά Άάά</span> <span title="U+03AD">έέέ Έέέ</span> <span title="U+03AE">ήήή Ήήή</span> <span title="U+03AF">ίίί Ίίί</span> <span title="U+03B1">ααα Ααα</span> <span title="U+03B2">βββ Βββ</span> <span title="U+03B3">γγγ Γγγ</span> <span title="U+03B4">δδδ Δδδ</span> <span title="U+03B5">εεε Εεε</span> <span title="U+03B6">ζζζ Ζζζ</span> <span title="U+03B7">ηηη Ηηη</span> <span title="U+03B8">θθθ Θθθ</span> <span title="U+03B9">ιιι Ιιι</span> <span title="U+03BA">κκκ Κκκ</span> <span title="U+03BB">λλλ Λλλ</span> <span title="U+03BC">μμμ Μμμ</span> <span title="U+03BD">ννν Ννν</span> <span title="U+03BE">ξξξ Ξξξ</span> <span title="U+03BF">οοο Οοο</span> <span title="U+03C0">πππ Πππ</span> <span title="U+03C1">ρρρ Ρρρ</span> <span title="U+03C2">ςςς Σςς</span> <span title="U+03C3">σσσ Σσσ</span> <span title="U+03C4">τττ Τττ</span> <span title="U+03C5">υυυ Υυυ</span> <span title="U+03C6">φφφ Φφφ</span> <span title="U+03C7">χχχ Χχχ</span> <span title="U+03C8">ψψψ Ψψψ</span> <span title="U+03C9">ωωω Ωωω</span> <span title="U+03CA">ϊϊϊ Ϊϊϊ</span> <span title="U+03CB">ϋϋϋ Ϋϋϋ</span> <span title="U+03CC">όόό Όόό</span> <span title="U+03CD">ύύύ Ύύύ</span> <span title="U+03CE">ώώώ Ώώώ</span> <span title="U+03D0">ϐϐϐ Βϐϐ</span> <span title="U+03D1">ϑϑϑ Θϑϑ</span> <span title="U+03D5">ϕϕϕ Φϕϕ</span> <span title="U+03D6">ϖϖϖ Πϖϖ</span> <span title="U+03D7">ϗϗϗ Ϗϗϗ</span> <span title="U+03D9">ϙϙϙ Ϙϙϙ</span> <span title="U+03DB">ϛϛϛ Ϛϛϛ</span> <span title="U+03DD">ϝϝϝ Ϝϝϝ</span> <span title="U+03DF">ϟϟϟ Ϟϟϟ</span> <span title="U+03E1">ϡϡϡ Ϡϡϡ</span> <span title="U+03E3">ϣϣϣ Ϣϣϣ</span> <span title="U+03E5">ϥϥϥ Ϥϥϥ</span> <span title="U+03E7">ϧϧϧ Ϧϧϧ</span> <span title="U+03E9">ϩϩϩ Ϩϩϩ</span> <span title="U+03EB">ϫϫϫ Ϫϫϫ</span> <span title="U+03ED">ϭϭϭ Ϭϭϭ</span> <span title="U+03EF">ϯϯϯ Ϯϯϯ</span> <span title="U+03F0">ϰϰϰ Κϰϰ</span> <span title="U+03F1">ϱϱϱ Ρϱϱ</span> <span title="U+03F2">ϲϲϲ Ϲϲϲ</span> <span title="U+03F3">ϳϳϳ Ϳϳϳ</span> <span title="U+03F5">ϵϵϵ Εϵϵ</span> <span title="U+03F8">ϸϸϸ Ϸϸϸ</span> <span title="U+03FB">ϻϻϻ Ϻϻϻ</span></div> 27 </body> 28 </html>