text-combine-upright-compression-007.html (979B)
1 <!DOCTYPE html> 2 <html lang="ja"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>CSS Test: text-combine-upright: all, fit any number of characters</title> 6 <link rel="author" title="Xidorn Quan" href="https://www.upsuper.org"> 7 <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-compression"> 8 <link rel="match" href="text-combine-upright-compression-007-ref.html"> 9 <meta name="assert" content="text-combine-upright: all should allow any amount of text to be compressed in a 1em square"> 10 <link rel="stylesheet" href="support/width-test.css"> 11 <link rel="stylesheet" href="support/tcy.css"> 12 <style> 13 .test { writing-mode: vertical-rl; height: 3.5em; } 14 .test > p { border: 1px solid black; } 15 .tcy { color: transparent; } 16 </style> 17 </head> 18 <body> 19 <p>Test passes if the contents in the two blocks are identical.</p> 20 <div class="test"> 21 <p>一<span class="tcy">ニ三四五六七八九</span>十</p> 22 <p>一<span class="fake-tcy"></span>十</p> 23 </div> 24 </body> 25 </html>