text-combine-upright-rtl-002.html (1024B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"/> 5 <title>CSS Writing Modes test: text-combine-upright with RTL text</title> 6 <link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com"/> 7 <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-upright"/> 8 <link rel="match" href="text-combine-upright-rtl-002-ref.html"/> 9 <meta name="assert" content="text-combine-upright renders RTL content in the proper place"/> 10 11 <style> 12 div { 13 writing-mode: vertical-rl; 14 font: 32px serif; 15 margin: 1em; 16 padding: .25em; 17 border: 1px solid gray; 18 } 19 span { 20 text-combine-upright: all; 21 } 22 #ref span { 23 unicode-bidi: bidi-override; 24 direction: ltr; 25 } 26 </style> 27 28 Both boxes should render the same: 29 30 <div id=ref> 31 <p>foo<span>א</span>bar</p> 32 <p>foo<span>בא</span>bar</p> 33 <p>foo<span>גבא</span>bar</p> 34 <p>foo<span>דגבא</span>bar</p> 35 </div> 36 37 <div> 38 <p>foo<span>א</span>bar</p> 39 <p>foo<span>אב</span>bar</p> 40 <p>foo<span>אבג</span>bar</p> 41 <p>foo<span>אבגד</span>bar</p> 42 </div>