text-decoration-046a-manual.html (1555B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>text-decoration overline tbrl mixed</title> 6 <meta name="assert" content="text-decoration-line:overline; there is an unbroken line to the RIGHT of the characters for all lines"> 7 <link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org"> 8 <link rel="help" href="https://drafts.csswg.org/css-text-decor-3/#line-decoration"> 9 <!-- cosmetic styling --> 10 <style> 11 #htmlsrc { margin: 2em; } 12 #htmlsrc p { 13 font-size: 28px; 14 border-radius: 5px; 15 line-height: 3.5; 16 } 17 :lang(mn) { font-family: "Mongolian Baiti", "Noto sans Mongolian", serif; } 18 .hint { color: brown; font-family: sans-serif; font-size: 90%; } 19 .hint:before { content: '❗ '; } 20 </style> 21 <!-- the test --> 22 <style> 23 div p { 24 text-decoration:overline; 25 }</style> 26 </head> 27 <body> 28 <p class="instructions">Test passes if there is an unbroken line to the RIGHT of the characters for each line.<br/><span class="hint">Skip the test if the text is not vertical.</span></p> 29 <div id="htmlsrc" style="writing-mode:vertical-rl"> 30 31 <div> 32 <p lang="zh">引发<span lang="en">quick brown fox</span>网络<span lang="ar">جهانی سازیم</span>的全<span lang="my">အပြည်ပြည်</span>部潜<span lang="th">ปิ้งอยู่ในถ้ำ</span>能引<span lang="bo">འཛམ་གླིང་ཡོངས་ལུ་ཁྱབ་ཚུགསཔ་</span>發網<span lang="hi">विश्वव्यापी बना रहें हैं絡</span>的全<span lang="ja">部潛能</span></p> 33 </div> 34 </div> 35 </body> 36 </html>