text-emphasis-position-auto-001-ref.html (804B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>text-emphasis-position auto value</title> 4 <style> 5 p { 6 border: solid silver; 7 text-emphasis: dot; 8 margin: 0.5em; 9 } 10 11 div { 12 float: left; 13 margin: 0.5em; 14 } 15 </style> 16 17 <div lang="zh" style="text-emphasis-position: under right"> 18 <p>你好 19 </div> 20 21 <div lang="ja" style="text-emphasis-position: over right"> 22 <p>今日は</p> 23 </div> 24 25 <div lang="ko" style="text-emphasis-position: over right"> 26 <p>안녕하세요</p> 27 </div> 28 29 <div lang="zh" style="writing-mode: vertical-rl; text-emphasis-position: under right;"> 30 <p>你好 31 </div> 32 33 <div lang="ja" style="writing-mode: vertical-rl; text-emphasis-position: over right;"> 34 <p>今日は</p> 35 </div> 36 37 <div lang="ko" style="writing-mode: vertical-rl; text-emphasis-position: over right;"> 38 <p>안녕하세요</p> 39 </div>