mirror of
https://github.com/servo/servo.git
synced 2025-06-23 16:44:33 +01:00
52 lines
No EOL
1.8 KiB
HTML
52 lines
No EOL
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en"><head>
|
|
<meta charset="utf-8">
|
|
<title>direction/unicode-bidi: element as directional character with isolate-override, rtl</title>
|
|
|
|
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
|
<link href="http://www.w3.org/TR/css-writing-modes-3/#text-direction" rel="help">
|
|
<link href="reference/bidi-isolate-override-005.htm" rel="match">
|
|
<meta content="If unicode-bidi:isolate-override is applied to an inline element, that element will interact with the surrounding text like a neutral directional character." name="assert">
|
|
<style type="text/css">
|
|
.test span { direction: rtl; unicode-bidi: isolate-override; }
|
|
|
|
/* the following styles are not part of the test */
|
|
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
|
input { margin: 5px; }
|
|
@font-face {
|
|
font-family: 'ezra_silregular';
|
|
src: url('support/sileot-webfont.woff') format('woff');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
.test, .ref { font-family: ezra_silregular, serif; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
|
|
|
|
|
<!--Notes:
|
|
Key to entities used below:
|
|
א ... ו - The first six Hebrew letters (strongly RTL).
|
|
‭ - The LRO (left-to-right-isolate-override) formatting character.
|
|
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
|
-->
|
|
|
|
|
|
|
|
<div class="test"><div dir="rtl">a > <span>ב > ג</span> > d</div>
|
|
<div dir="rtl">a > <span>b > c</span> > d</div>
|
|
</div>
|
|
|
|
|
|
<div class="ref"><div dir="rtl">‭a > ג < ב > d‬</div>
|
|
<div dir="rtl">‭a > c < b > d‬</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body></html> |