custom-highlight-painting-vertical-writing-mode-001-ref.html (910B)
1 <!doctype html> 2 <link rel="stylesheet" href="../../css-pseudo/support/highlights.css"> 3 <meta charset="utf-8"> 4 <style> 5 #verticalRL { 6 writing-mode: vertical-rl; 7 } 8 #verticalLR { 9 writing-mode: vertical-lr; 10 } 11 #sidewaysRL { 12 writing-mode: sideways-rl; 13 } 14 #sidewaysLR { 15 writing-mode: sideways-lr; 16 } 17 .highlighted { 18 background-color: yellow; 19 color: blue; 20 } 21 </style> 22 <body> 23 <div id="verticalRL" class="highlight_reftest"><span class="highlighted">One two </span><span>three…</span></div> 24 <div id="verticalLR" class="highlight_reftest"><span class="highlighted">One two </span><span>three…</span></div> 25 <div id="sidewaysRL" class="highlight_reftest"><span class="highlighted">One two </span><span>three…</span></div> 26 <div id="sidewaysLR" class="highlight_reftest"><span class="highlighted">One two </span><span>three…</span></div>