letter-spacing-bidi-003.xht (1654B)
1 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <head> 3 <meta charset="utf-8"/> 4 <title>CSS Text level 3 Test: letter spacing, justified text and bidi</title> 5 <link rel="author" title="Mike Bremford" href="http://bfo.com" /> 6 <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property" /> 7 <link rel="help" href="https://drafts.csswg.org/css-writing-modes-4/#bidi-fragmentation" /> 8 <link rel="match" href="reference/letter-spacing-bidi-003-ref.xht" /> 9 <meta name="assert" content="text-align: justify will stretch the space between words, which should be applied after bidi processing."/> 10 <style> 11 .test, .control { 12 font: 50px/1 monospace; 13 width: 14ch; 14 font-kerning: none; 15 border: 1px solid black; 16 } 17 .control { 18 position: absolute; 19 color: red; 20 z-index: -1; 21 white-space: pre; 22 } 23 .justify { 24 text-align-last: justify; 25 text-justify: inter-word; 26 } 27 .narrow { 28 letter-spacing: 1ch; 29 } 30 </style> 31 </head> 32 <body> 33 <p>Test passes if no red is visible except for anti-aliasing differences.</p> 34 <!-- bet <ls> alef <ls> <space stretched from justification> A <ls> B --> 35 <div class="control">א ב<div style="float: right">A B</div></div> 36 <div class="test narrow justify">אב AB</div> 37 38 <!-- A <ls> B <ls> <space stretched from justification> alef <ls> bet --> 39 <div class="control">A B<div style="float: right">א ב</div></div> 40 <div dir="rtl" class="test narrow justify">אב AB</div> 41 </body> 42 </html>