text-underline-position-vertical-ja-ref.html (870B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <style> 6 @font-face { 7 font-family: halt-font; 8 src: url('/fonts/noto/cjk/NotoSansCJKjp-Regular-subset-halt-min.otf'); 9 } 10 body { writing-mode: vertical-rl; font-family: Arial; } 11 .underline { text-decoration: underline; font-family: halt-font; font-language-override: "JAN"; } 12 .overline { text-decoration: overline; font-family: halt-font; font-language-override: "JAN"; } 13 </style> 14 </head> 15 <body lang="en"> 16 <div>In vertical writing mode with lang=ja, default overline will be same as underline (lang=en). However, when we set text-underline-position to "under left" it should be shifted.</div> 17 <div class="underline">国国国国</div> 18 <div class="underline">国国国国</div> 19 </body> 20 </html>