| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd"> |
| <HTML><HEAD> |
| <!-- |
| Based on http://dbaron.org/css/test/bidi2_charcode by Dave Baron, dbaron@dbaron.org |
| Copied with permission on 2005-09-10 |
| Modified with permission (rearranged to fit in 800x600 and changed to make more |
| testcases have the same expected layout). |
| --> |
| <TITLE>Bidirectional Text Test 2 - Formatting Characters</TITLE> |
| <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> |
| <meta http-equiv="Content-Style-Type" content="text/css"> |
| <LINK REL="copyright" HREF="/~dbaron/legal.html"> |
| <STYLE TYPE="text/css"> |
| @import url(resources/Mac-compatible-font-fallback.css); |
| p { text-align: left; } |
| |
| table.pair { border-spacing: 0; margin-bottom: 0; } |
| table.pair td { padding: 0; } |
| p.pair { margin: 0; } |
| |
| .rtl { direction: rtl; } |
| .ltr { direction: ltr; } |
| |
| div.box { border:1px green solid; display:inline-block; padding:3px; margin:3px; vertical-align:middle; } |
| |
| </STYLE> |
| </HEAD> |
| <BODY> |
| <H1>Bidirectional Text Test 2 - Formatting Characters</H1> |
| |
| <!-- |
| |
| LRE ‪ |
| RLE ‫ |
| PDF ‬ |
| LRO ‭ |
| RLO ‮ |
| |
| --> |
| |
| <p>This test is based on <a |
| href="http://www.w3.org/TR/REC-CSS2/visuren.html#direction">CSS2 section |
| 9.10</a> and <a href="http://www.unicode.org/unicode/uni2book/ch03.pdf">Chapter |
| 3</a> of the <a href="http://www.unicode.org/unicode/uni2book/u2.html">Unicode |
| Standard</a>.</p> |
| |
| <p> |
| Note that <a href="http://www.w3.org/TR/unicode-xml/#Bidi">Unicode in |
| XML and other Markup Languages</a> suggests that HTML UAs should ignore |
| these characters. |
| </p> |
| <p>In each box, all the lines should be the same.</p> |
| <div class="box"> |
| <p class="pair">ABCDEFGHI</p> |
| <p class="rtl pair">‫ABCDEFGHI‬</p> |
| <p class="rtl pair">‫ABC<span>DEF</span>GHI‬</p> |
| <p class="rtl pair">‮IHGFEDCBA‬</p> |
| <p class="rtl pair">‮IHG<span>FED</span>CBA‬</p> |
| <p class="rtl pair">‮IHG‫DEF‬CBA‬</p> |
| <p class="rtl pair">‮IHG‮FED‬CBA‬</p> |
| <p class="rtl pair">‮IHG‮FED‬CBA‬</p> |
| <p class="rtl pair">‮IHG‭DEF‬CBA‬</p> |
| </div> |
| |
| <div class="box"> |
| <table class="pair"><tr><td>ג</td><td>ב</td><td>א</td></tr></table> |
| <p class="pair">אבג</p> |
| <p class="pair">‪אבג‬</p> |
| <p class="pair">‭גבא‬</p> |
| </div> |
| |
| <div class="box"> |
| |
| <table class="pair"><tr><td>ג</td><td>ב</td><td>א</td><td> </td><td>A</td><td>B</td><td>C</td><td> </td><td>ו</td><td>ה</td><td>ד</td></tr></table> |
| <p class="pair">אבג ABC דהו</p> |
| <p class="pair rtl">דהו ABC אבג</p> |
| </div> |
| |
| <div class="box"> |
| <table class="pair"><tr><td>ג</td><td>ב</td><td>א</td><td> </td><td>A</td><td>B</td><td>C</td><td> </td><td>ו</td><td>ה</td><td>ד</td><td> </td><td>D</td><td>E</td><td>F</td><td> </td><td>ט</td><td>ח</td><td>ז</td></tr></table> |
| <p class="pair">אבג ABC דהו DEF זחט</p> |
| <p class="pair">אבג <span>ABC דהו</span> DEF זחט</p> |
| <p class="pair">אבג ‪ABC דהו DEF‬ זחט</p> |
| <p class="pair">זחט ‫DEF דהו ABC‬ אבג</p> |
| <p class="pair">דהו ‫ABC אבג‬ DEF זחט</p> |
| <p class="pair">דהו ‮CBA אבג‬ DEF זחט</p> |
| <p class="pair">אבג ‭ABC והד‬ DEF זחט</p> |
| <p class="pair rtl">זחט ‭ABC והד‬ DEF אבג</p> |
| </div> |
| |
| <div class="box"> |
| <table class="pair"><tr><td>ג</td><td>ב</td><td>א</td><td> </td><td>A</td><td>B</td><td>C</td><td> </td><td>ו</td><td>ה</td><td>ד</td><td> </td><td>D</td><td>E</td><td>F</td><td> </td><td>G</td><td>H</td><td>I</td><td> </td><td>ט</td><td>ח</td><td>ז</td></tr></table> |
| <p class="pair">אבג ABC דהו DEF GHI זחט</p> |
| </div> |
| <br/> |
| <div class="box"> |
| <table class="pair"><tr><td>F</td><td>E</td><td>D</td><td> </td><td>ו</td><td>ה</td><td>ד</td><td> </td><td>C</td><td>B</td><td>A</td><td> </td><td>ג</td><td>ב</td><td>א</td><td> </td><td>G</td><td>H</td><td>I</td><td> </td><td>ט</td><td>ח</td><td>ז</td></tr></table> |
| <p class="pair">אבג ‮ABC דהו DEF‬ GHI זחט</p> |
| </div> |
| |
| <div class="box"> |
| <table class="pair"><tr><td>ג</td><td>ב</td><td>א</td><td> </td><td>A</td><td>B</td><td>C</td><td> </td><td>F</td><td>E</td><td>D</td><td> </td><td>ו</td><td>ה</td><td>ד</td><td> </td><td>G</td><td>H</td><td>I</td><td> </td><td>ט</td><td>ח</td><td>ז</td></tr></table> |
| <p class="pair">אבג ABC ‮דהו DEF‬ GHI זחט</p> |
| </div> |
| <p>Note: This test does not test RLM or LRM, but it ought to.</p> |
| |
| <hr title="Beginning of Footer"> |
| <!-- |
| <P><A HREF="http://validator.w3.org/check/referer" TITLE="W3C HTML Validator"><img src="../../images/vh40" ALT="Valid HTML 4.0!" height="31" width="88"></A></P> |
| --> |
| <P>(Back to |
| <A HREF="./">CSS Testing Information</A>, |
| <A HREF="../../">David Baron</A>) |
| <P><A HREF="/" TITLE="David Baron's Homepage">LDB</A>, |
| <A rev="made" href="mailto:dbaron@dbaron.org" TITLE="Send e-mail to David Baron">dbaron@dbaron.org</A>, 2001-06-05</P> |
| <P>Modified and used with the author’s permission.</P> |
| </BODY></HTML> |
