Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab

This commit is contained in:
James Graham 2015-03-27 09:18:12 +00:00
parent 1a81b18b9f
commit 2c9faf5363
91915 changed files with 5979820 additions and 0 deletions

View file

@ -0,0 +1,29 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="image" name="flags">
<style type="text/css">
img#green-square
{
left: 80px;
position: relative;
top: 160px;
}
</style>
</head>
<body>
<p><img src="support/pass-cdts-abs-pos-non-replaced.png" width="246" height="36" alt="Image download support must be enabled"></p>
<div><img id="green-square" src="support/swatch-green.png" width="80" height="80" alt="Image download support must be enabled"></div>
</body>
</html>

View file

@ -0,0 +1,37 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="image" name="flags">
<style type="text/css">
div
{
margin-left: 0.5em;
}
img
{
vertical-align: top;
}
img#green-square
{
position: relative;
left: 96px; /* 80px + p's margin-left (1em) */
top: 160px;
}
</style>
</head>
<body>
<div><img src="support/pass-cdts-abs-pos-non-replaced.png" width="246" height="36" alt="Image download support must be enabled"><img id="green-square" src="support/swatch-green.png" width="80" height="80" alt="Image download support must be enabled"></div>
</body>
</html>

View file

@ -0,0 +1,29 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="image" name="flags">
<style type="text/css">
img#green-square
{
left: 80px;
position: relative;
top: 80px;
}
</style>
</head>
<body>
<p><img src="support/pass-cdts-abs-pos-non-replaced.png" width="246" height="36" alt="Image download support must be enabled"></p>
<div><img id="green-square" src="support/swatch-green.png" width="80" height="80" alt="Image download support must be enabled"></div>
</body>
</html>

View file

@ -0,0 +1,37 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="image" name="flags">
<style type="text/css">
div
{
margin-left: 0.5em;
}
img
{
vertical-align: top;
}
img#green-square
{
position: relative;
left: 96px; /* 80px + p's margin-left (1em) */
top: 80px;
}
</style>
</head>
<body>
<div><img src="support/pass-cdts-abs-pos-non-replaced.png" width="246" height="36" alt="Image download support must be enabled"><img id="green-square" src="support/swatch-green.png" width="80" height="80" alt="Image download support must be enabled"></div>
</body>
</html>

View file

@ -0,0 +1,29 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="image" name="flags">
<style type="text/css">
img#green-square
{
left: 160px;
position: relative;
top: 160px;
}
</style>
</head>
<body>
<p><img src="support/pass-cdts-abs-pos-non-replaced.png" width="246" height="36" alt="Image download support must be enabled"></p>
<div><img id="green-square" src="support/swatch-green.png" width="80" height="80" alt="Image download support must be enabled"></div>
</body>
</html>

View file

@ -0,0 +1,29 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="image" name="flags">
<style type="text/css">
img#green-square
{
left: 160px;
position: relative;
top: 80px;
}
</style>
</head>
<body>
<p><img src="support/pass-cdts-abs-pos-non-replaced.png" width="246" height="36" alt="Image download support must be enabled"></p>
<div><img id="green-square" src="support/swatch-green.png" width="80" height="80" alt="Image download support must be enabled"></div>
</body>
</html>

View file

@ -0,0 +1,42 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="image" name="flags">
<style type="text/css">
body
{
direction: rtl;
}
div
{
margin-right: 0.5em;
}
img
{
vertical-align: top;
}
img#green-square
{
position: relative;
right: 96px; /* 80px + p's margin-left (1em) */
top: 160px;
}
</style>
</head>
<body>
<div><img src="support/pass-cdts-abs-pos-non-replaced.png" width="246" height="36" alt="Image download support must be enabled"><img id="green-square" src="support/swatch-green.png" width="80" height="80" alt="Image download support must be enabled"></div>
</body>
</html>

View file

@ -0,0 +1,42 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="image" name="flags">
<style type="text/css">
body
{
direction: rtl;
}
div
{
margin-right: 0.5em;
}
img
{
vertical-align: top;
}
img#green-square
{
position: relative;
right: 96px; /* 80px + p's margin-left (1em) */
top: 80px;
}
</style>
</head>
<body>
<div><img src="support/pass-cdts-abs-pos-non-replaced.png" width="246" height="36" alt="Image download support must be enabled"><img id="green-square" src="support/swatch-green.png" width="80" height="80" alt="Image download support must be enabled"></div>
</body>
</html>

View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html><head>
<title>CSS Reftest Reference</title>
<link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea">
<style>
.content {
font-family: Ahem;
line-height: 1em;
font-size: 20px;
color: green;
}
</style>
</head>
<body>
<ul>
<li>Test passes if you see a horizontal green stripe.</li>
<li>You shouldn't see any red.</li>
</ul>
<div class="content">
XXXXX<br>
XXXXX
</div>
</body></html>

View file

@ -0,0 +1,22 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-01-16 -->
<meta name="flags" content="image">
<style type="text/css">
img
{
vertical-align: top;
}
</style>
</head>
<body>
<p>Test passes if there is a cat and <strong>no red</strong>.</p>
<div><img id="cat" src="support/cat.png" width="98" height="99" alt="Image download support must be enabled"></div>
</body>
</html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: span direction rtl, unicode-bidi embed (1)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: rtl; unicode-bidi: embed; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;&gt; א &lt; a &gt;&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;&gt; א &lt; a &gt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: span direction rtl, unicode-bidi embed (2)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: rtl; unicode-bidi: embed; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;&gt; a &lt; א &gt;&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;&gt; a &lt; א &gt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: span direction ltr, unicode-bidi embed (1)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; unicode-bidi: embed; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;&lt; א &gt; a &lt;&#x202C;</div>
<div class="ref" dir="rtl">&#x202D;&lt; א &gt; a &lt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: span direction ltr, unicode-bidi embed (2)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; unicode-bidi: embed; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;&lt; a &gt; א &lt;&#x202C;</div>
<div class="ref" dir="rtl">&#x202D;&lt; a &gt; א &lt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element as directional character with unicode-bidi embed, rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: rtl; unicode-bidi: embed; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref"><div dir="rtl">&#x202D;d &lt; ב &lt; א &lt; a&#x202C;</div>
<div dir="rtl">&#x202D;d &lt; b &gt; c &lt; a&#x202C;</div>
</div>
<div class="ref"><div dir="rtl">&#x202D;d &lt; ב &lt; א &lt; a&#x202C;</div>
<div dir="rtl">&#x202D;d &lt; b &gt; c &lt; a&#x202C;</div>
</div>
</body></html>

View file

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element as directional character with unicode-bidi embed, ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; unicode-bidi: embed; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref"><div dir="ltr">&#x202D;א &gt; b &gt; c &gt; ד&#x202C;</div>
<div dir="ltr">&#x202D;א &gt; ג &lt; ב &gt; ד&#x202C;</div>
</div>
<div class="ref"><div dir="ltr">&#x202D;א &gt; b &gt; c &gt; ד&#x202C;</div>
<div dir="ltr">&#x202D;א &gt; ג &lt; ב &gt; ד&#x202C;</div>
</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element isolation and unicode-bidi embed, rtl + number</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: rtl; unicode-bidi: embed; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;3 א&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;3 א&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element isolation and unicode-bidi embed, ltr + number</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; unicode-bidi: embed; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;a 3&#x202C;</div>
<div class="ref" dir="rtl">&#x202D;a 3&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element isolation and unicode-bidi embed, rtl list</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; unicode-bidi: embed; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;a &gt; b</div>
<div class="ref" dir="rtl">&#x202D;a &gt; b</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element isolation and unicode-bidi embed, ltr list</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: rtl; unicode-bidi: embed; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;ב &lt; א</div>
<div class="ref" dir="ltr">&#x202D;ב &lt; א</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: direction alone and inherited, unicode-bidi embed</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test b { direction: rtl; font-weight: normal; }
.test span { unicode-bidi: embed; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;&gt; a &gt; ד &lt; b &gt; d &gt;&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;&gt; a &gt; ד &lt; b &gt; d &gt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: span direction rtl, unicode-bidi isolate (1)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: rtl; unicode-bidi: isolate; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;&gt; א &lt; a &gt;&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;&gt; א &lt; a &gt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: span direction rtl, unicode-bidi isolate (2)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: rtl; unicode-bidi: isolate; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;&gt; a &lt; א &gt;&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;&gt; a &lt; א &gt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: span direction ltr, unicode-bidi isolate (1)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; unicode-bidi: isolate; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;&lt; א &gt; a &lt;&#x202C;</div>
<div class="ref" dir="rtl">&#x202D;&lt; א &gt; a &lt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: span direction ltr, unicode-bidi isolate (2)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; unicode-bidi: isolate; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;&lt; a &gt; א &lt;&#x202C;</div>
<div class="ref" dir="rtl">&#x202D;&lt; a &gt; א &lt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element as directional character with unicode-bidi isolate, rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: rtl; unicode-bidi: isolate; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref"><div dir="rtl">&#x202D;a &gt; ב &lt; א &gt; d&#x202C;</div>
<div dir="rtl">&#x202D;a &gt; b &gt; c &gt; d&#x202C;</div>
</div>
<div class="ref"><div dir="rtl">&#x202D;a &gt; ב &lt; א &gt; d&#x202C;</div>
<div dir="rtl">&#x202D;a &gt; b &gt; c &gt; d&#x202C;</div>
</div>
</body></html>

View file

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element as directional character with unicode-bidi isolate, ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; unicode-bidi: isolate; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref"><div dir="ltr">&#x202D;ד &lt; b &gt; c &lt; א&#x202C;</div>
<div dir="ltr">&#x202D;ד &lt; ג &lt; ב &lt; א&#x202C;</div>
</div>
<div class="ref"><div dir="ltr">&#x202D;ד &lt; b &gt; c &lt; א&#x202C;</div>
<div dir="ltr">&#x202D;ד &lt; ג &lt; ב &lt; א&#x202C;</div>
</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element isolation and unicode-bidi isolate, rtl + number</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: rtl; unicode-bidi: isolate; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref">&#x202D;א 3&#x202C;</div>
<div class="ref">&#x202D;א 3&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element isolation and unicode-bidi isolate, ltr + number</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; unicode-bidi: isolate; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;3 a&#x202C;</div>
<div class="ref" dir="rtl">&#x202D;3 a&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element isolation and unicode-bidi isolate, rtl list</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; unicode-bidi: isolate; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;b &lt; a</div>
<div class="ref" dir="rtl">&#x202D;b &lt; a</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element isolation and unicode-bidi isolate, ltr list</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: rtl; unicode-bidi: isolate; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;א &gt; ב</div>
<div class="ref" dir="ltr">&#x202D;א &gt; ב</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: span direction rtl, isolate-override (1)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-isolate-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;&gt; דגבא &lt; dcba &gt;&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;&gt; דגבא &lt; dcba &gt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: span direction rtl, isolate-override (2)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-isolate-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;&gt; dcba &lt; דגבא &gt;&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;&gt; dcba &lt; דגבא &gt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: span direction ltr, isolate-override (1)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-isolate-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;&lt; אבגד &gt; abcd &lt;&#x202C;</div>
<div class="ref" dir="rtl">&#x202D;&lt; אבגד &gt; abcd &lt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: span direction ltr, isolate-override (2)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-isolate-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;&lt; abcd &gt; אבגד &lt;&#x202C;</div>
<div class="ref" dir="rtl">&#x202D;&lt; abcd &gt; אבגד &lt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,49 @@
<!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">
<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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-isolate-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref"><div dir="rtl">&#x202D;a &gt; ג &lt; ב &gt; d&#x202C;</div>
<div dir="rtl">&#x202D;a &gt; c &lt; b &gt; d&#x202C;</div>
</div>
<div class="ref"><div dir="rtl">&#x202D;a &gt; ג &lt; ב &gt; d&#x202C;</div>
<div dir="rtl">&#x202D;a &gt; c &lt; b &gt; d&#x202C;</div>
</div>
</body></html>

View file

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element as directional character with isolate-override, ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-isolate-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref"><div dir="ltr">&#x202D;ד &lt; b &gt; c &lt; א&#x202C;</div>
<div dir="ltr">&#x202D;ד &lt; ב &gt; ג &lt; א&#x202C;</div>
</div>
<div class="ref"><div dir="ltr">&#x202D;ד &lt; b &gt; c &lt; א&#x202C;</div>
<div dir="ltr">&#x202D;ד &lt; ב &gt; ג &lt; א&#x202C;</div>
</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element isolation and isolate-override, rtl + number</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-isolate-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;דגבא&#x202C; 3</div>
<div class="ref" dir="ltr">&#x202D;דגבא&#x202C; 3</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element isolation and isolate-override, ltr + number</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-isolate-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;3 abcd&#x202C;</div>
<div class="ref" dir="rtl">&#x202D;3 abcd&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element isolation and isolate-override, rtl list</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-isolate-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;e &lt; abcd</div>
<div class="ref" dir="rtl">&#x202D;e &lt; abcd</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element isolation and isolate-override, ltr list</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-isolate-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;דגבא &gt; ה</div>
<div class="ref" dir="ltr">&#x202D;דגבא &gt; ה</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: direction alone and inherited, isolate-override</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test b { direction: rtl; font-weight: normal; }
.test span { 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: 15em; 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-isolate-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;&gt; a &gt; גב &lt; cb &gt; d &gt;&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;&gt; a &gt; גב &lt; cb &gt; d &gt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: default direction, isolate-override</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { 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: 15em; 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-isolate-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;&gt; abcd &gt; אבגד &gt;&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;&gt; abcd &gt; אבגד &gt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: span direction rtl, unicode-bidi normal (1)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: rtl; unicode-bidi: normal; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;&gt; a &gt; א &gt;&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;&gt; a &gt; א &gt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: span direction rtl, unicode-bidi normal (2)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: rtl; unicode-bidi: normal; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;&gt; א &gt; a &gt;&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;&gt; א &gt; a &gt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: span direction ltr, unicode-bidi normal (1)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; unicode-bidi: normal; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;&lt; a &lt; א &lt;&#x202C;</div>
<div class="ref" dir="rtl">&#x202D;&lt; a &lt; א &lt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: span direction ltr, unicode-bidi normal (2)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; unicode-bidi: normal; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;&lt; א &lt; a &lt;&#x202C;</div>
<div class="ref" dir="rtl">&#x202D;&lt; א &lt; a &lt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element as directional character with unicode-bidi normal, rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: rtl; unicode-bidi: normal; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref"><div dir="rtl">&#x202D;d &lt; ב &lt; א &lt; a&#x202C;</div>
<div dir="rtl">&#x202D;a &gt; b &gt; c &gt; d&#x202C;</div>
</div>
<div class="ref"><div dir="rtl">&#x202D;d &lt; ב &lt; א &lt; a&#x202C;</div>
<div dir="rtl">&#x202D;a &gt; b &gt; c &gt; d&#x202C;</div>
</div>
</body></html>

View file

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element as directional character with unicode-bidi normal, ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; unicode-bidi: normal; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref"><div dir="ltr">&#x202D;א &gt; b &gt; c &gt; ד&#x202C;</div>
<div dir="ltr">&#x202D;ד &lt; ג &lt; ב &lt; א&#x202C;</div>
</div>
<div class="ref"><div dir="ltr">&#x202D;א &gt; b &gt; c &gt; ד&#x202C;</div>
<div dir="ltr">&#x202D;ד &lt; ג &lt; ב &lt; א&#x202C;</div>
</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element isolation and unicode-bidi normal, rtl + number</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: rtl; unicode-bidi: normal; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;3 א&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;3 א&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element isolation and unicode-bidi normal, ltr + number</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; unicode-bidi: normal; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;a 3&#x202C;</div>
<div class="ref" dir="rtl">&#x202D;a 3&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element isolation and unicode-bidi normal, rtl list</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; unicode-bidi: normal; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;a &gt; b</div>
<div class="ref" dir="rtl">&#x202D;a &gt; b</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element isolation and unicode-bidi normal, ltr list</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: rtl; unicode-bidi: normal; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;ב &lt; א</div>
<div class="ref" dir="ltr">&#x202D;ב &lt; א</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: span direction rtl, bidi-override (1)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: rtl; unicode-bidi: bidi-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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;&gt; דגבא &lt; dcba &gt;&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;&gt; דגבא &lt; dcba &gt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: span direction rtl, bidi-override (2)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: rtl; unicode-bidi: bidi-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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;&gt; dcba &lt; דגבא &gt;&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;&gt; dcba &lt; דגבא &gt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: span direction ltr, bidi-override (1)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; unicode-bidi: bidi-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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;&lt; אבגד &gt; abcd &lt;&#x202C;</div>
<div class="ref" dir="rtl">&#x202D;&lt; אבגד &gt; abcd &lt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: span direction ltr, bidi-override (2)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; unicode-bidi: bidi-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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;&lt; abcd &gt; אבגד &lt;&#x202C;</div>
<div class="ref" dir="rtl">&#x202D;&lt; abcd &gt; אבגד &lt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element as directional character with bidi-override, rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: rtl; unicode-bidi: bidi-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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref"><div dir="rtl">&#x202D;d &lt; ג &lt; ב &lt; a&#x202C;</div>
<div dir="rtl">&#x202D;d &lt; c &lt; b &lt; a&#x202C;</div>
</div>
<div class="ref"><div dir="rtl">&#x202D;d &lt; ג &lt; ב &lt; a&#x202C;</div>
<div dir="rtl">&#x202D;d &lt; c &lt; b &lt; a&#x202C;</div>
</div>
</body></html>

View file

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element as directional character with bidi-override, ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; unicode-bidi: bidi-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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref"><div dir="ltr">&#x202D;א &gt; b &gt; c &gt; ד&#x202C;</div>
<div dir="ltr">&#x202D;א &gt; ב &gt; ג &gt; ד&#x202C;</div>
</div>
<div class="ref"><div dir="ltr">&#x202D;א &gt; b &gt; c &gt; ד&#x202C;</div>
<div dir="ltr">&#x202D;א &gt; ב &gt; ג &gt; ד&#x202C;</div>
</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element isolation and bidi-override, rtl + number</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: rtl; unicode-bidi: bidi-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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;3 dcba&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;3 dcba</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element isolation and bidi-override, ltr + number</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; unicode-bidi: bidi-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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;אבגד 3&#x202C;</div>
<div class="ref" dir="rtl">&#x202D;אבגד 3&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element isolation and bidi-override, rtl list</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: ltr; unicode-bidi: bidi-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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;אבגד &gt; e&#x202C;</div>
<div class="ref" dir="rtl">&#x202D;אבגד &gt; e&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element isolation and bidi-override, ltr list</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: rtl; unicode-bidi: bidi-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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;ה &lt; dcba&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;ה &lt; dcba&#x202C;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: direction alone and inherited, bidi-override</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test b { direction: rtl; font-weight: normal; }
.test span { unicode-bidi: bidi-override; }
/* the following styles are not part of the test */
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 15em; 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;&gt; a &gt; גב &lt; cb &gt; d &gt;&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;&gt; a &gt; גב &lt; cb &gt; d &gt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: default direction, bidi-override</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { unicode-bidi: bidi-override; }
/* the following styles are not part of the test */
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 15em; 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;&gt; abcd &gt; אבגד &gt;&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;&gt; abcd &gt; אבגד &gt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>unicode-bidi: span unicode-bidi plaintext, rtl (1)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { unicode-bidi: plaintext; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;&gt; ג &lt; b &lt; א &gt;&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;&gt; ג &lt; b &lt; א &gt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: span unicode-bidi plaintext, rtl (2)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { direction: rtl; unicode-bidi: plaintext; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;&lt; ג &lt; b &lt; א &lt;&#x202C;</div>
<div class="ref" dir="rtl">&#x202D;&lt; ג &lt; b &lt; א &lt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>unicode-bidi: span unicode-bidi plaintext, ltr (1)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { unicode-bidi: plaintext; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;&lt; a &gt; א &gt; c &lt;&#x202C;</div>
<div class="ref" dir="rtl">&#x202D;&lt; a &gt; א &gt; c &lt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>unicode-bidi: span unicode-bidi plaintext, ltr (2)</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { unicode-bidi: plaintext; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;&gt; a &gt; א &gt; c &gt;&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;&gt; a &gt; א &gt; c &gt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>unicode-bidi: element as directional character with unicode-bidi plaintext, rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { unicode-bidi: plaintext; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref"><div dir="rtl">&#x202D;a &gt; ב &lt; א &gt; d&#x202C;</div>
<div dir="rtl">&#x202D;a &gt; b &gt; c &gt; d&#x202C;</div>
</div>
<div class="ref"><div dir="rtl">&#x202D;a &gt; ב &lt; א &gt; d&#x202C;</div>
<div dir="rtl">&#x202D;a &gt; b &gt; c &gt; d&#x202C;</div>
</div>
</body></html>

View file

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction/unicode-bidi: element as directional character with unicode-bidi plaintext, ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { unicode-bidi: plaintext; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref"><div dir="ltr">&#x202D;ד &lt; b &gt; c &lt; א&#x202C;</div>
<div dir="ltr">&#x202D;ד &lt; ג &lt; ב &lt; א&#x202C;</div>
</div>
<div class="ref"><div dir="ltr">&#x202D;ד &lt; b &gt; c &lt; א&#x202C;</div>
<div dir="ltr">&#x202D;ד &lt; ג &lt; ב &lt; א&#x202C;</div>
</div>
</body></html>

View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>unicode-bidi: element isolation and unicode-bidi plaintext, rtl + number</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { unicode-bidi: plaintext; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;א 3&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;א 3&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>unicode-bidi: element isolation and unicode-bidi plaintext, ltr + number</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { unicode-bidi: plaintext; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;3 a&#x202C;</div>
<div class="ref" dir="rtl">&#x202D;3 a&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>unicode-bidi: element isolation and unicode-bidi plaintext, rtl list</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { unicode-bidi: plaintext; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;b &lt; a</div>
<div class="ref" dir="rtl">&#x202D;b &lt; a</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>unicode-bidi: element isolation and unicode-bidi plaintext, ltr list</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test span { unicode-bidi: plaintext; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;א &gt; ב</div>
<div class="ref" dir="ltr">&#x202D;א &gt; ב</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction: div direction rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { direction: rtl; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;&lt; c &lt; ב &lt; a &lt;&#x202C;</div>
<div class="ref" dir="rtl">&#x202D;&lt; c &lt; ב &lt; a &lt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction: div direction ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { direction: ltr; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div dir="rtl">
<div class="ref" dir="ltr">&#x202D;&gt; a &gt; ב &gt; c &gt;&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;&gt; a &gt; ב &gt; c &gt;&#x202C;</div>
</div>
</body></html>

View file

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction: div direction rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { direction: rtl; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref">
<div dir="rtl">&#x202D;&lt; c &lt; ב &lt; a &lt;&#x202C;</div>
<div dir="rtl">&#x202D;&lt; c &lt; ב &lt; a &lt;&#x202C;</div>
</div>
<div class="ref">
<div dir="rtl">&#x202D;&lt; c &lt; ב &lt; a &lt;&#x202C;</div>
<div dir="rtl">&#x202D;&lt; c &lt; ב &lt; a &lt;&#x202C;</div>
</div>
</body></html>

View file

@ -0,0 +1,40 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2014-12-30 -->
<meta name="flags" content="image">
<style type="text/css">
div
{
background-color: yellow;
direction: ltr;
font: 1.25em/1 Ahem;
width: 21em;
}
img { vertical-align: top; }
</style>
</head>
<body>
<div><img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled">
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled">
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled">
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
<img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled">
</div>
</body>
</html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2014-11-26 -->
<!-- This reference file is the right-aligned version of
block-flow-direction-001-ref.xht
-->
<meta name="flags" content="image">
<style type="text/css">
body { direction: rtl; }
div
{
background-color: yellow;
direction: ltr;
font: 1.25em/1 Ahem;
width: 21em;
}
img { vertical-align: top; }
</style>
</head>
<body>
<div><img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled">
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled">
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled">
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
<img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled">
</div>
</body>
</html>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="image" name="flags">
<style type="text/css">
p
{
margin: 0px;
}
img
{
float: right;
padding-left: 16px;
}
</style>
</head>
<body>
<p><img src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled"><img src="support/block-flow-direction-025-exp-res.png" width="359" height="36" alt="Image download support must be enabled"></p>
</body>
</html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction: div override rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { direction: rtl; unicode-bidi: bidi-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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;&lt; fe &lt; דג &lt; ba &lt;&#x202C;</div>
<div class="ref" dir="rtl">&#x202D;&lt; fe &lt; דג &lt; ba &lt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction: div override ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { direction: ltr; unicode-bidi: bidi-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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div dir="rtl">
<div class="ref" dir="ltr">&#x202D;&gt; ab &gt; גד &gt; ef &gt;&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;&gt; ab &gt; גד &gt; ef &gt;&#x202C;</div>
</div>
</body></html>

View file

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction: div direction ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { unicode-bidi: bidi-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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;&gt; ab &gt; גד &gt; ef &gt;&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;&gt; ab &gt; גד &gt; ef &gt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>unicode-bidi: div override inheritance</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { direction: rtl; unicode-bidi: bidi-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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref">
<div dir="rtl">&#x202D;&lt; fe &lt; דג &lt; ba &lt;&#x202C;</div>
<div dir="rtl">&#x202D;&lt; ef &lt; דג &lt; ab &lt;&#x202C;</div>
<div dir="rtl">&#x202D;&lt; fe &lt; דג &lt; ba &lt;&#x202C;</div>
</div>
<div class="ref">
<div dir="rtl">&#x202D;&lt; fe &lt; דג &lt; ba &lt;&#x202C;</div>
<div dir="rtl">&#x202D;&lt; ef &lt; דג &lt; ab &lt;&#x202C;</div>
<div dir="rtl">&#x202D;&lt; fe &lt; דג &lt; ba &lt;&#x202C;</div>
</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction: div override rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="rtl">&#x202D;&lt; fe &lt; דג &lt; ba &lt;&#x202C;</div>
<div class="ref" dir="rtl">&#x202D;&lt; fe &lt; דג &lt; ba &lt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction: div override ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { direction: ltr; 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div dir="rtl">
<div class="ref" dir="ltr">&#x202D;&gt; ab &gt; גד &gt; ef &gt;&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;&gt; ab &gt; גד &gt; ef &gt;&#x202C;</div>
</div>
</body></html>

View file

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>direction: div direction ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref" dir="ltr">&#x202D;&gt; ab &gt; גד &gt; ef &gt;&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;&gt; ab &gt; גד &gt; ef &gt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>unicode-bidi: div override inheritance</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref">
<div dir="rtl">&#x202D;&lt; fe &lt; דג &lt; ba &lt;&#x202C;</div>
<div dir="rtl">&#x202D;&lt; ef &lt; דג &lt; ab &lt;&#x202C;</div>
<div dir="rtl">&#x202D;&lt; fe &lt; דג &lt; ba &lt;&#x202C;</div>
</div>
<div class="ref">
<div dir="rtl">&#x202D;&lt; fe &lt; דג &lt; ba &lt;&#x202C;</div>
<div dir="rtl">&#x202D;&lt; ef &lt; דג &lt; ab &lt;&#x202C;</div>
<div dir="rtl">&#x202D;&lt; fe &lt; דג &lt; ba &lt;&#x202C;</div>
</div>
</body></html>

View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>unicode-bidi: div plaintext, rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { unicode-bidi: plaintext; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run.
-->
<div class="ref" dir="rtl">&#x202D;&lt; ג &lt; b &lt; א &lt;&#x202C;</div>
<div class="ref" dir="rtl">&#x202D;&lt; ג &lt; b &lt; א &lt;&#x202C;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>unicode-bidi: div plaintext, ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { unicode-bidi: plaintext; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run.
-->
<div dir="rtl">
<div class="ref" dir="ltr">&#x202D;&gt; a &gt; ב &gt; c &gt;&#x202C;</div>
<div class="ref" dir="ltr">&#x202D;&gt; a &gt; ב &gt; c &gt;&#x202C;</div>
</div>
</body></html>

View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>unicode-bidi: div plaintext inheritance</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { unicode-bidi: plaintext; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref">
<div dir="ltr">&#x202D;&gt; a &gt; ב &gt; c &gt;&#x202C;</div>
<div dir="ltr">&#x202D;&gt; א &gt; b &gt; ג &gt;&#x202C;</div>
<div dir="rtl">&#x202D;&lt; ג &lt; b &lt; א &lt;&#x202C;</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;&gt; a &gt; ב &gt; c &gt;&#x202C;</div>
<div dir="ltr">&#x202D;&gt; א &gt; b &gt; ג &gt;&#x202C;</div>
<div dir="rtl">&#x202D;&lt; ג &lt; b &lt; א &lt;&#x202C;</div>
</div>
</body></html>

View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>unicode-bidi: div plaintext with br</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { unicode-bidi: plaintext; }
/* 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:
&#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
-->
<div class="ref">
<div dir="ltr">&#x202D;&gt; a &gt; ב &gt; c &gt;&#x202C;</div>
<div dir="rtl">&#x202D;&lt; ג &lt; b &lt; א &lt;&#x202C;</div>
<div dir="ltr">&#x202D;&gt; a &gt; ב &gt; c &gt;&#x202C;</div>
</div>
<div class="ref">
<div dir="ltr">&#x202D;&gt; a &gt; ב &gt; c &gt;&#x202C;</div>
<div dir="rtl">&#x202D;&lt; ג &lt; b &lt; א &lt;&#x202C;</div>
<div dir="ltr">&#x202D;&gt; a &gt; ב &gt; c &gt;&#x202C;</div>
</div>
</body></html>

View file

@ -0,0 +1,21 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta name="flags" content="image">
</head>
<body>
<p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
<div><img src="support/swatch-green.png" width="100" height="200" alt="Image download support must be enabled"></div>
</body>
</html>

View file

@ -0,0 +1,89 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="image" name="flags">
<style type="text/css">
div > img
{
margin-left: 8px;
margin-right: 1em;
}
table
{
background-color: yellow;
border-spacing: 0px;
border: orange solid 50px;
display: inline-table;
height: 300px;
vertical-align: top;
width: 300px;
}
td
{
padding: 0px;
}
td.first-row
{
height: 29px;
vertical-align: top;
}
td#middle-row
{
text-align: center;
}
td.third-row
{
height: 25px;
}
span.blue
{
background-color: blue;
color: white;
height: 25px;
text-align: left;
width: 25px;
}
span#top-left, span#bottom-left
{
float: left;
}
span#top-right, span#bottom-right
{
float: right;
}
</style>
</head>
<body>
<div>
<img src="support/pass-cdts-box-offsets-rel-pos.png" width="304" height="35" alt="Image download support must be enabled"><!--
The image says:
"
Test passes if there is a blue square
at each corner of the yellow square.
"
--><table>
<tr><td class="first-row"><span class="blue" id="top-left">TL</span></td><td class="first-row"><span class="blue" id="top-right">TR</span></td></tr>
<tr><td id="middle-row" colspan="2"><img src="support/100x100-lime.png" alt="Image download support must be enabled"></td></tr>
<tr><td class="third-row"><span class="blue" id="bottom-left">BL</span></td><td class="third-row"><span class="blue" id="bottom-right">BR</span></td></tr>
</table>
</div>
</body>
</html>

View file

@ -0,0 +1,96 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="image" name="flags">
<style type="text/css">
div
{
text-align: right;
}
div > img
{
margin-left: 1em;
margin-right: 8px;
}
table
{
background-color: yellow;
border-spacing: 0px;
border: orange solid 50px;
display: inline-table;
height: 300px;
vertical-align: top;
width: 300px;
}
td
{
padding: 0px;
}
td.first-row
{
height: 29px;
vertical-align: top;
}
td#middle-row
{
text-align: center;
}
td.third-row
{
height: 25px;
}
span.blue
{
background-color: blue;
color: white;
height: 25px;
text-align: left;
width: 25px;
}
span#top-left, span#bottom-left
{
float: left;
}
span#top-right, span#bottom-right
{
float: right;
}
</style>
</head>
<body>
<div>
<table>
<tr><td class="first-row"><span class="blue" id="top-left">TL</span></td><td class="first-row"><span class="blue" id="top-right">TR</span></td></tr>
<tr><td id="middle-row" colspan="2"><img src="support/100x100-lime.png" alt="Image download support must be enabled"></td></tr>
<tr><td class="third-row"><span class="blue" id="bottom-left">BL</span></td><td class="third-row"><span class="blue" id="bottom-right">BR</span></td></tr>
</table><img src="support/pass-cdts-box-offsets-rel-pos.png" width="304" height="35" alt="Image download support must be enabled">
<!--
The image says:
"
Test passes if there is a blue square
at each corner of the yellow square.
"
-->
</div>
</body>
</html>

View file

@ -0,0 +1,43 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta name="flags" content="image">
<style type="text/css">
img
{
vertical-align: top;
}
img
{
padding-left: 60px;
}
img + br + img
{
padding-left: 30px;
}
img + br + img + br + img
{
padding-left: 75px;
}
</style>
</head>
<body>
<p>Test passes if 2 orange squares are centered with respect to a blue square.</p>
<div><img src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled"><br><img src="support/swatch-blue.png" width="120" height="120" alt="Image download support must be enabled"><br><img src="support/swatch-orange.png" width="30" height="30" alt="Image download support must be enabled"></div>
</body>
</html>

View file

@ -0,0 +1,32 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="image" name="flags">
<style type="text/css">
img
{
padding-right: 40px;
}
img + img
{
padding-right: 20px;
}
</style>
</head>
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div><img src="support/swatch-green.png" width="20" height="100" alt="Image download support must be enabled"><img src="support/swatch-green.png" width="20" height="100" alt="Image download support must be enabled"><img src="support/swatch-green.png" width="20" height="100" alt="Image download support must be enabled"></div>
</body>
</html>

View file

@ -0,0 +1,27 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="image" name="flags">
<style type="text/css">
img
{
padding-right: 80px;
}
</style>
</head>
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div><img src="support/swatch-green.png" width="60" height="100" alt="Image download support must be enabled"><img src="support/swatch-green.png" width="20" height="100" alt="Image download support must be enabled"></div>
</body>
</html>

View file

@ -0,0 +1,32 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="image" name="flags">
<style type="text/css">
img
{
padding-right: 60px;
}
img + img
{
padding-right: 20px;
}
</style>
</head>
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div><img src="support/swatch-green.png" width="20" height="100" alt="Image download support must be enabled"><img src="support/swatch-green.png" width="20" height="100" alt="Image download support must be enabled"><img src="support/swatch-green.png" width="20" height="100" alt="Image download support must be enabled"></div>
</body>
</html>

Some files were not shown because too many files have changed in this diff Show more