text-combine-upright-value-digits2-001.html (939B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Writing Modes: text-combine-upright: digits 2</title> 6 <link rel="author" title="Masataka Yakura" href="https://google.com/+MasatakaYakura"> 7 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-4/#text-combine-upright"> 8 <link rel="match" href="reference/text-combine-upright-value-single-character.html"> 9 <meta name="assert" content="the 'digits' values in text-combine-upright rotates the composition even if there is only one character inside tate-chu-yoko."> 10 <style> 11 @font-face { 12 font-family: tcu-font; 13 src: url("/fonts/tcu-font.woff"); 14 } 15 16 .test { 17 writing-mode: vertical-rl; 18 font-size: 5em; 19 font-family: tcu-font; 20 } 21 22 .tcy { 23 text-combine-upright: digits 2; 24 } 25 </style> 26 </head> 27 <body> 28 29 <p>Test passes if there are 2 <strong>identical</strong> white triangles.</p> 30 31 <div class="test"> 32 <p><span class="tcy">2</span></p> 33 <p>3</p> 34 </div> 35 36 </body> 37 </html>