| <!DOCTYPE html> |
| <html><head> |
| <title>Test cases for unicode-bidi:isolate</title> |
| <style> |
| .isolate { |
| unicode-bidi: -webkit-isolate; |
| unicode-bidi: -moz-isolate; |
| unicode-bidi: isolate; |
| } |
| </style> |
| </head><body> |
| No red text should be visible in any of the sections below. |
| opposite-to-base isolate followed by number. |
| <div> |
| <div class="test"> |
| <span class="isolate">א</span> (3 reviews) |
| </div> |
| </div> |
| <hr> |
| opposite-to-base isolate with opposite-to-base text before it with neutrals in between. |
| <div> |
| <div class="test"> |
| א: <span class="isolate">ב</span> |
| </div> |
| </div> |
| <hr> |
| opposite-to-base isolate with opposite-to-base text before it and nothing in between. |
| <div> |
| <div class="test"> |
| א<span class="isolate">ב</span> |
| </div> |
| </div> |
| <hr> |
| two opposite-to-base isolates with neutrals in between. |
| <div> |
| <div class="test"> |
| <span class="isolate">א</span> = <span class="isolate">ב</span> |
| </div> |
| </div> |
| <hr> |
| two opposite-to-base isolates with nothing in between. |
| <div> |
| <div class="test"> |
| <span class="isolate">א</span><span class="isolate">ב</span> |
| </div> |
| </div> |
| <hr> |
| same-as-base isolate preceded by opposite-to-base text and followed by number |
| <div dir="rtl"> |
| <div class="test"> |
| see <span class="isolate">א</span><sup>3</sup> |
| </div> |
| </div> |
| <hr> |
| same-as-base isolate surrounded by opposite-to-base text |
| <div dir="rtl"> |
| <div class="test"> |
| with <span class="isolate">א</span>=<span class="isolate">ב</span> everywhere |
| </div> |
| </div> |
| <hr> |
| chimeric isolate surrounded by chimeric text |
| <div> |
| <div class="test"> |
| about <span class="isolate">that א</span> - ב |
| </div> |
| </div> |
| <hr> |
| nested chimeric isolates surrounded by chimeric text |
| <div> |
| <div class="test"> |
| about <span class="isolate">that <span class="isolate">strange א</span> - ב</span> - ג |
| </div> |
| </div> |
| </body></html> |
