blob: f9cb49e8b81248632f559d81e2e85fde3d9e931a [file] [log] [blame]
<!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">&#x05D0;</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">
&#x05D0;: <span class="isolate">&#x05D1;</span>
</div>
</div>
<hr>
opposite-to-base isolate with opposite-to-base text before it and nothing in between.
<div>
<div class="test">
&#x05D0;<span class="isolate">&#x05D1;</span>
</div>
</div>
<hr>
two opposite-to-base isolates with neutrals in between.
<div>
<div class="test">
<span class="isolate">&#x05D0;</span> = <span class="isolate">&#x05D1;</span>
</div>
</div>
<hr>
two opposite-to-base isolates with nothing in between.
<div>
<div class="test">
<span class="isolate">&#x05D0;</span><span class="isolate">&#x05D1;</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">&#x05D0;</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">&#x05D0;</span>=<span class="isolate">&#x05D1;</span> everywhere
</div>
</div>
<hr>
chimeric isolate surrounded by chimeric text
<div>
<div class="test">
about <span class="isolate">that &#x05D0;</span> - &#x05D1;
</div>
</div>
<hr>
nested chimeric isolates surrounded by chimeric text
<div>
<div class="test">
about <span class="isolate">that <span class="isolate">strange &#x05D0;</span> - &#x05D1;</span> - &#x05D2;
</div>
</div>
</body></html>