text-underline-position-auto-001-ref.html (671B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>text-underline-position auto value</title> 4 <style> 5 p { 6 text-decoration-line: underline; 7 margin: 0.5em; 8 } 9 10 div { 11 float: left; 12 margin: 0.5em; 13 } 14 </style> 15 16 <div lang="zh" style="writing-mode: vertical-rl; text-underline-position: left"> 17 <p>你好 18 </div> 19 20 <div lang="ja" style="writing-mode: vertical-rl; text-underline-position: right"> 21 <p>今日は</p> 22 </div> 23 24 <div lang="ko" style="writing-mode: vertical-rl; text-underline-position: right"> 25 <p>안녕하세요</p> 26 </div> 27 28 <div lang="mn" style="writing-mode: vertical-lr; text-underline-position: right"> 29 <p>ᠲᠠᠮᠠᠭᠠ ᠶᠢᠨ ᠭᠠᠵᠠᠷ</p> 30 </div>