Update web-platform-tests to revision 58eb04cecbbec2e18531ab440225e38944a9c444

This commit is contained in:
Josh Matthews 2017-04-17 12:06:02 +10:00 committed by Anthony Ramine
parent 25e8bf69e6
commit 665817d2a6
35333 changed files with 1818077 additions and 16036 deletions

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction rtl, unicode-bidi embed (1)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d0; &lt; a &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; &#x5d0; &lt; a &gt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction rtl, unicode-bidi embed (2)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d0; &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; a &lt; &#x5d0; &gt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction ltr, unicode-bidi embed (1)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d0; &gt; a &lt;&#x202c;</div>
<div class="ref" dir="rtl">&#x202d;&lt; &#x5d0; &gt; a &lt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction ltr, unicode-bidi embed (2)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d0; &lt;&#x202c;</div>
<div class="ref" dir="rtl">&#x202d;&lt; a &gt; &#x5d0; &lt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,50 @@
<!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 rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d1; &lt; &#x5d0; &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; &#x5d1; &lt; &#x5d0; &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,50 @@
<!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 rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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;&#x5d0; &gt; b &gt; c &gt; &#x5d3;&#x202c;</div>
<div dir="ltr">&#x202d;&#x5d0; &gt; &#x5d2; &lt; &#x5d1; &gt; &#x5d3;&#x202c;</div>
</div>
<div class="ref"><div dir="ltr">&#x202d;&#x5d0; &gt; b &gt; c &gt; &#x5d3;&#x202c;</div>
<div dir="ltr">&#x202d;&#x5d0; &gt; &#x5d2; &lt; &#x5d1; &gt; &#x5d3;&#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 embed, rtl + number</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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 &#x5d0;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;3 &#x5d0;&#x202c;</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 embed, ltr + number</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: element isolation and unicode-bidi embed, rtl list</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: element isolation and unicode-bidi embed, ltr list</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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;&#x5d1; &lt; &#x5d0;</div>
<div class="ref" dir="ltr">&#x202d;&#x5d1; &lt; &#x5d0;</div>
</body></html>

View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: direction alone and inherited, unicode-bidi embed</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d3; &lt; b &gt; d &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; a &gt; &#x5d3; &lt; b &gt; d &gt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction rtl, unicode-bidi isolate (1)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d0; &lt; a &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; &#x5d0; &lt; a &gt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction rtl, unicode-bidi isolate (2)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d0; &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; a &lt; &#x5d0; &gt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction ltr, unicode-bidi isolate (1)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d0; &gt; a &lt;&#x202c;</div>
<div class="ref" dir="rtl">&#x202d;&lt; &#x5d0; &gt; a &lt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction ltr, unicode-bidi isolate (2)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d0; &lt;&#x202c;</div>
<div class="ref" dir="rtl">&#x202d;&lt; a &gt; &#x5d0; &lt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,50 @@
<!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 rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d1; &lt; &#x5d0; &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; &#x5d1; &lt; &#x5d0; &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,50 @@
<!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 rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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;&#x5d3; &lt; b &gt; c &lt; &#x5d0;&#x202c;</div>
<div dir="ltr">&#x202d;&#x5d3; &lt; &#x5d2; &lt; &#x5d1; &lt; &#x5d0;&#x202c;</div>
</div>
<div class="ref"><div dir="ltr">&#x202d;&#x5d3; &lt; b &gt; c &lt; &#x5d0;&#x202c;</div>
<div dir="ltr">&#x202d;&#x5d3; &lt; &#x5d2; &lt; &#x5d1; &lt; &#x5d0;&#x202c;</div>
</div>
</body></html>

View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: element isolation and unicode-bidi isolate, rtl + number</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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;&#x5d0; 3&#x202c;</div>
<div class="ref">&#x202d;&#x5d0; 3&#x202c;</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, ltr + number</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: element isolation and unicode-bidi isolate, rtl list</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: element isolation and unicode-bidi isolate, ltr list</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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;&#x5d0; &gt; &#x5d1;</div>
<div class="ref" dir="ltr">&#x202d;&#x5d0; &gt; &#x5d1;</div>
</body></html>

View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: direction alone and inherited, unicode-bidi embed</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<style type="text/css">
.test b { direction: rtl; font-weight: normal; }
.test span { 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 &gt; &#x5d3; &lt; b &gt; d &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; a &gt; &#x5d3; &lt; b &gt; d &gt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction rtl, isolate-override (1)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d3;&#x5d2;&#x5d1;&#x5d0; &lt; dcba &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; &#x5d3;&#x5d2;&#x5d1;&#x5d0; &lt; dcba &gt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction rtl, isolate-override (2)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d3;&#x5d2;&#x5d1;&#x5d0; &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; dcba &lt; &#x5d3;&#x5d2;&#x5d1;&#x5d0; &gt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction ltr, isolate-override (1)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d0;&#x5d1;&#x5d2;&#x5d3; &gt; abcd &lt;&#x202c;</div>
<div class="ref" dir="rtl">&#x202d;&lt; &#x5d0;&#x5d1;&#x5d2;&#x5d3; &gt; abcd &lt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction ltr, isolate-override (2)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d0;&#x5d1;&#x5d2;&#x5d3; &lt;&#x202c;</div>
<div class="ref" dir="rtl">&#x202d;&lt; abcd &gt; &#x5d0;&#x5d1;&#x5d2;&#x5d3; &lt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: element as directional character with isolate-override, rtl</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d2; &lt; &#x5d1; &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; &#x5d2; &lt; &#x5d1; &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,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: element as directional character with isolate-override, ltr</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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;&#x5d3; &lt; b &gt; c &lt; &#x5d0;&#x202c;</div>
<div dir="ltr">&#x202d;&#x5d3; &lt; &#x5d1; &gt; &#x5d2; &lt; &#x5d0;&#x202c;</div>
</div>
<div class="ref"><div dir="ltr">&#x202d;&#x5d3; &lt; b &gt; c &lt; &#x5d0;&#x202c;</div>
<div dir="ltr">&#x202d;&#x5d3; &lt; &#x5d1; &gt; &#x5d2; &lt; &#x5d0;&#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 isolate-override, rtl + number</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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;&#x5d3;&#x5d2;&#x5d1;&#x5d0;&#x202c; 3</div>
<div class="ref" dir="ltr">&#x202d;&#x5d3;&#x5d2;&#x5d1;&#x5d0;&#x202c; 3</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 isolate-override, ltr + number</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: element isolation and isolate-override, rtl list</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: element isolation and isolate-override, ltr list</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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;&#x5d3;&#x5d2;&#x5d1;&#x5d0; &gt; &#x5d4;</div>
<div class="ref" dir="ltr">&#x202d;&#x5d3;&#x5d2;&#x5d1;&#x5d0; &gt; &#x5d4;</div>
</body></html>

View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: direction alone and inherited, isolate-override</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d2;&#x5d1; &lt; cb &gt; d &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; a &gt; &#x5d2;&#x5d1; &lt; cb &gt; d &gt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: default direction, isolate-override</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d0;&#x5d1;&#x5d2;&#x5d3; &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; abcd &gt; &#x5d0;&#x5d1;&#x5d2;&#x5d3; &gt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction rtl, unicode-bidi normal (1)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d0; &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; a &gt; &#x5d0; &gt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction rtl, unicode-bidi normal (2)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d0; &gt; a &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; &#x5d0; &gt; a &gt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction ltr, unicode-bidi normal (1)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d0; &lt;&#x202c;</div>
<div class="ref" dir="rtl">&#x202d;&lt; a &lt; &#x5d0; &lt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction ltr, unicode-bidi normal (2)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d0; &lt; a &lt;&#x202c;</div>
<div class="ref" dir="rtl">&#x202d;&lt; &#x5d0; &lt; a &lt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,50 @@
<!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 rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d1; &lt; &#x5d0; &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; &#x5d1; &lt; &#x5d0; &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,50 @@
<!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 rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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;&#x5d0; &gt; b &gt; c &gt; &#x5d3;&#x202c;</div>
<div dir="ltr">&#x202d;&#x5d3; &lt; &#x5d2; &lt; &#x5d1; &lt; &#x5d0;&#x202c;</div>
</div>
<div class="ref"><div dir="ltr">&#x202d;&#x5d0; &gt; b &gt; c &gt; &#x5d3;&#x202c;</div>
<div dir="ltr">&#x202d;&#x5d3; &lt; &#x5d2; &lt; &#x5d1; &lt; &#x5d0;&#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 normal, rtl + number</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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 &#x5d0;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;3 &#x5d0;&#x202c;</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 normal, ltr + number</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: element isolation and unicode-bidi normal, rtl list</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: element isolation and unicode-bidi normal, ltr list</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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;&#x5d1; &lt; &#x5d0;</div>
<div class="ref" dir="ltr">&#x202d;&#x5d1; &lt; &#x5d0;</div>
</body></html>

View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: direction alone and inherited, unicode-bidi normal</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<style type="text/css">
.test b { direction: rtl; font-weight: normal; }
.test span { 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; b &gt; &#x5d3; &gt; d &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; a &gt; b &gt; &#x5d3; &gt; d &gt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction rtl, bidi-override (1)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d3;&#x5d2;&#x5d1;&#x5d0; &lt; dcba &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; &#x5d3;&#x5d2;&#x5d1;&#x5d0; &lt; dcba &gt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction rtl, bidi-override (2)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d3;&#x5d2;&#x5d1;&#x5d0; &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; dcba &lt; &#x5d3;&#x5d2;&#x5d1;&#x5d0; &gt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction ltr, bidi-override (1)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d0;&#x5d1;&#x5d2;&#x5d3; &gt; abcd &lt;&#x202c;</div>
<div class="ref" dir="rtl">&#x202d;&lt; &#x5d0;&#x5d1;&#x5d2;&#x5d3; &gt; abcd &lt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction ltr, bidi-override (2)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d0;&#x5d1;&#x5d2;&#x5d3; &lt;&#x202c;</div>
<div class="ref" dir="rtl">&#x202d;&lt; abcd &gt; &#x5d0;&#x5d1;&#x5d2;&#x5d3; &lt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: element as directional character with bidi-override, rtl</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d2; &lt; &#x5d1; &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; &#x5d2; &lt; &#x5d1; &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,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: element as directional character with bidi-override, ltr</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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;&#x5d0; &gt; b &gt; c &gt; &#x5d3;&#x202c;</div>
<div dir="ltr">&#x202d;&#x5d0; &gt; &#x5d1; &gt; &#x5d2; &gt; &#x5d3;&#x202c;</div>
</div>
<div class="ref"><div dir="ltr">&#x202d;&#x5d0; &gt; b &gt; c &gt; &#x5d3;&#x202c;</div>
<div dir="ltr">&#x202d;&#x5d0; &gt; &#x5d1; &gt; &#x5d2; &gt; &#x5d3;&#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 bidi-override, rtl + number</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: element isolation and bidi-override, ltr + number</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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;&#x5d0;&#x5d1;&#x5d2;&#x5d3; 3&#x202c;</div>
<div class="ref" dir="rtl">&#x202d;&#x5d0;&#x5d1;&#x5d2;&#x5d3; 3&#x202c;</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 bidi-override, rtl list</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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;&#x5d0;&#x5d1;&#x5d2;&#x5d3; &gt; e&#x202c;</div>
<div class="ref" dir="rtl">&#x202d;&#x5d0;&#x5d1;&#x5d2;&#x5d3; &gt; e&#x202c;</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 bidi-override, ltr list</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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;&#x5d4; &lt; dcba&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&#x5d4; &lt; dcba&#x202c;</div>
</body></html>

View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: direction alone and inherited, bidi-override</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d2;&#x5d1; &lt; cb &gt; d &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; a &gt; &#x5d2;&#x5d1; &lt; cb &gt; d &gt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: default direction, bidi-override</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d0;&#x5d1;&#x5d2;&#x5d3; &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; abcd &gt; &#x5d0;&#x5d1;&#x5d2;&#x5d3; &gt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>unicode-bidi: span unicode-bidi plaintext, rtl (1)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d2; &lt; b &lt; &#x5d0; &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; &#x5d2; &lt; b &lt; &#x5d0; &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 unicode-bidi plaintext, rtl (2)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d2; &lt; b &lt; &#x5d0; &lt;&#x202c;</div>
<div class="ref" dir="rtl">&#x202d;&lt; &#x5d2; &lt; b &lt; &#x5d0; &lt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>unicode-bidi: span unicode-bidi plaintext, ltr (1)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d0; &gt; c &lt;&#x202c;</div>
<div class="ref" dir="rtl">&#x202d;&lt; a &gt; &#x5d0; &gt; c &lt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>unicode-bidi: span unicode-bidi plaintext, ltr (2)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d0; &gt; c &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; a &gt; &#x5d0; &gt; c &gt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>unicode-bidi: element as directional character with unicode-bidi plaintext, rtl</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d1; &lt; &#x5d0; &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; &#x5d1; &lt; &#x5d0; &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,50 @@
<!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 rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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;&#x5d3; &lt; b &gt; c &lt; &#x5d0;&#x202c;</div>
<div dir="ltr">&#x202d;&#x5d3; &lt; &#x5d2; &lt; &#x5d1; &lt; &#x5d0;&#x202c;</div>
</div>
<div class="ref"><div dir="ltr">&#x202d;&#x5d3; &lt; b &gt; c &lt; &#x5d0;&#x202c;</div>
<div dir="ltr">&#x202d;&#x5d3; &lt; &#x5d2; &lt; &#x5d1; &lt; &#x5d0;&#x202c;</div>
</div>
</body></html>

View file

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>unicode-bidi: element isolation and unicode-bidi plaintext, rtl + number</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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;&#x5d0; 3&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&#x5d0; 3&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>unicode-bidi: element isolation and unicode-bidi plaintext, ltr + number</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>unicode-bidi: element isolation and unicode-bidi plaintext, rtl list</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>unicode-bidi: element isolation and unicode-bidi plaintext, ltr list</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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;&#x5d0; &gt; &#x5d1;</div>
<div class="ref" dir="ltr">&#x202d;&#x5d0; &gt; &#x5d1;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span unicode-bidi plaintext, no strong (1)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &gt; &gt; &lt;&#x202c;</div>
<div class="ref" dir="rtl">&#x202d;&lt; &gt; &gt; &lt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction: table columns</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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 you see two lines reading c b a.</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="test">
<table><tbody>
<tr><td>a</td><td>b</td><td>c</td></tr>
<tr><td>a</td><td>b</td><td>c</td></tr>
</tbody></table>
</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction rtl, unicode-bidi unset (1)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<style type="text/css">
.test span { 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="ltr">&#x202d;&gt; a &gt; &#x5d0; &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; a &gt; &#x5d0; &gt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction rtl, unicode-bidi unset (2)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<style type="text/css">
.test span { 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="ltr">&#x202d;&gt; &#x5d0; &gt; a &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; &#x5d0; &gt; a &gt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction ltr, unicode-bidi unset (1)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<style type="text/css">
.test span { 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 class="ref" dir="rtl">&#x202d;&lt; a &lt; &#x5d0; &lt;&#x202c;</div>
<div class="ref" dir="rtl">&#x202d;&lt; a &lt; &#x5d0; &lt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: span direction ltr, unicode-bidi unset (2)</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<style type="text/css">
.test span { 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 class="ref" dir="rtl">&#x202d;&lt; &#x5d0; &lt; a &lt;&#x202c;</div>
<div class="ref" dir="rtl">&#x202d;&lt; &#x5d0; &lt; a &lt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: element as directional character with unicode-bidi unset, rtl</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d1; &lt; &#x5d0; &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; &#x5d1; &lt; &#x5d0; &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,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: element as directional character with unicode-bidi unset, ltr</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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;&#x5d0; &gt; b &gt; c &gt; &#x5d3;&#x202c;</div>
<div dir="ltr">&#x202d;&#x5d3; &lt; &#x5d2; &lt; &#x5d1; &lt; &#x5d0;&#x202c;</div>
</div>
<div class="ref"><div dir="ltr">&#x202d;&#x5d0; &gt; b &gt; c &gt; &#x5d3;&#x202c;</div>
<div dir="ltr">&#x202d;&#x5d3; &lt; &#x5d2; &lt; &#x5d1; &lt; &#x5d0;&#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 unset, rtl + number</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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 &#x5d0;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;3 &#x5d0;&#x202c;</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 unset, ltr + number</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: element isolation and unicode-bidi unset, rtl list</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction/unicode-bidi: element isolation and unicode-bidi unset, ltr list</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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;&#x5d1; &lt; &#x5d0;</div>
<div class="ref" dir="ltr">&#x202d;&#x5d1; &lt; &#x5d0;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction: div direction rtl</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d1; &lt; a &lt;&#x202c;</div>
<div class="ref" dir="rtl">&#x202d;&lt; c &lt; &#x5d1; &lt; a &lt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction: div direction ltr</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d1; &gt; c &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; a &gt; &#x5d1; &gt; c &gt;&#x202c;</div>
</div>
</body></html>

View file

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction: div direction rtl</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d1; &lt; a &lt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; c &lt; &#x5d1; &lt; a &lt;&#x202c;</div>
</div>
<div class="ref">
<div dir="rtl">&#x202d;&lt; c &lt; &#x5d1; &lt; a &lt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; c &lt; &#x5d1; &lt; a &lt;&#x202c;</div>
</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction: div override rtl</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d3;&#x5d2; &lt; ba &lt;&#x202c;</div>
<div class="ref" dir="rtl">&#x202d;&lt; fe &lt; &#x5d3;&#x5d2; &lt; ba &lt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction: div override ltr</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d2;&#x5d3; &gt; ef &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; ab &gt; &#x5d2;&#x5d3; &gt; ef &gt;&#x202c;</div>
</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 rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d2;&#x5d3; &gt; ef &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; ab &gt; &#x5d2;&#x5d3; &gt; ef &gt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>unicode-bidi: div override inheritance</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d3;&#x5d2; &lt; ba &lt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; ef &lt; &#x5d3;&#x5d2; &lt; ab &lt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; fe &lt; &#x5d3;&#x5d2; &lt; ba &lt;&#x202c;</div>
</div>
<div class="ref">
<div dir="rtl">&#x202d;&lt; fe &lt; &#x5d3;&#x5d2; &lt; ba &lt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; ef &lt; &#x5d3;&#x5d2; &lt; ab &lt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; fe &lt; &#x5d3;&#x5d2; &lt; ba &lt;&#x202c;</div>
</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction: div override rtl</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d3;&#x5d2; &lt; ba &lt;&#x202c;</div>
<div class="ref" dir="rtl">&#x202d;&lt; fe &lt; &#x5d3;&#x5d2; &lt; ba &lt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>direction: div override ltr</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d2;&#x5d3; &gt; ef &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; ab &gt; &#x5d2;&#x5d3; &gt; ef &gt;&#x202c;</div>
</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 rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d2;&#x5d3; &gt; ef &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; ab &gt; &#x5d2;&#x5d3; &gt; ef &gt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>unicode-bidi: div override inheritance</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d3;&#x5d2; &lt; ba &lt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; ef &lt; &#x5d3;&#x5d2; &lt; ab &lt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; fe &lt; &#x5d3;&#x5d2; &lt; ba &lt;&#x202c;</div>
</div>
<div class="ref">
<div dir="rtl">&#x202d;&lt; fe &lt; &#x5d3;&#x5d2; &lt; ba &lt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; ef &lt; &#x5d3;&#x5d2; &lt; ab &lt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; fe &lt; &#x5d3;&#x5d2; &lt; ba &lt;&#x202c;</div>
</div>
</body></html>

View file

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>unicode-bidi: div plaintext, rtl</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d2; &lt; b &lt; &#x5d0; &lt;&#x202c;</div>
<div class="ref" dir="rtl">&#x202d;&lt; &#x5d2; &lt; b &lt; &#x5d0; &lt;&#x202c;</div>
</body></html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>unicode-bidi: div plaintext, ltr</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d1; &gt; c &gt;&#x202c;</div>
<div class="ref" dir="ltr">&#x202d;&gt; a &gt; &#x5d1; &gt; c &gt;&#x202c;</div>
</div>
</body></html>

View file

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>unicode-bidi: div plaintext inheritance</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d1; &gt; c &gt;&#x202c;</div>
<div dir="ltr">&#x202d;&gt; &#x5d0; &gt; b &gt; &#x5d2; &gt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; &#x5d2; &lt; b &lt; &#x5d0; &lt;&#x202c;</div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&gt; a &gt; &#x5d1; &gt; c &gt;&#x202c;</div>
<div dir="ltr">&#x202d;&gt; &#x5d0; &gt; b &gt; &#x5d2; &gt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; &#x5d2; &lt; b &lt; &#x5d0; &lt;&#x202c;</div>
</div>
</body></html>

View file

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>unicode-bidi: div plaintext with br</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<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; &#x5d1; &gt; c &gt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; &#x5d2; &lt; b &lt; &#x5d0; &lt;&#x202c;</div>
<div dir="ltr">&#x202d;&gt; a &gt; &#x5d1; &gt; c &gt;&#x202c;</div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&gt; a &gt; &#x5d1; &gt; c &gt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; &#x5d2; &lt; b &lt; &#x5d0; &lt;&#x202c;</div>
<div dir="ltr">&#x202d;&gt; a &gt; &#x5d1; &gt; c &gt;&#x202c;</div>
</div>
</body></html>

View file

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>unicode-bidi: textarea plaintext</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<style type="text/css">
.test textarea { 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; }
textarea { font-family: ezra_silregular, serif; height:5em; width: 100%; border: 0; font-size: 1em; }
</style>
</head>
<body>
<p class="instructions" dir="ltr">Test passes if the two boxes display the same glyphs in the same order, with the same line breaks.</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; &#x5d1; &gt; c &gt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; &#x5d2; &lt; b &lt; &#x5d0; &lt;&#x202c;</div>
<div dir="ltr">&#x202d;&gt; a &gt; &#x5d1; &gt; c &gt;&#x202c;</div>
<div>&#xA0;</div>
</div>
<div class="ref">
<div dir="ltr">&#x202d;&gt; a &gt; &#x5d1; &gt; c &gt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; &#x5d2; &lt; b &lt; &#x5d0; &lt;&#x202c;</div>
<div dir="ltr">&#x202d;&gt; a &gt; &#x5d1; &gt; c &gt;&#x202c;</div>
<div>&#xA0;</div>
</div>
</body></html>

View file

@ -0,0 +1,56 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>unicode-bidi: pre plaintext</title>
<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
<style type="text/css">
.test pre { 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; }
pre { font-family: ezra_silregular, serif; height:5em; width: 100%; border: 0; font-size: 1em; }
</style>
</head>
<body>
<p class="instructions" dir="ltr">Test passes if the two boxes display the same glyphs in the same order, with the same line breaks.</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>&#xA0;</div>
<div dir="ltr">&#x202d;&gt; a &gt; &#x5d1; &gt; c &gt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; &#x5d2; &lt; b &lt; &#x5d0; &lt;&#x202c;</div>
<div dir="ltr">&#x202d;&gt; a &gt; &#x5d1; &gt; c &gt;&#x202c;</div>
<div>&#xA0;</div>
</div>
<div class="ref">
<div>&#xA0;</div>
<div dir="ltr">&#x202d;&gt; a &gt; &#x5d1; &gt; c &gt;&#x202c;</div>
<div dir="rtl">&#x202d;&lt; &#x5d2; &lt; b &lt; &#x5d0; &lt;&#x202c;</div>
<div dir="ltr">&#x202d;&gt; a &gt; &#x5d1; &gt; c &gt;&#x202c;</div>
<div>&#xA0;</div>
</div>
</body></html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Test Reference</title>
<link rel="author" title="Masataka Yakura" href="http://google.com/+MasatakaYakura">
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="asis" name="flags">
<style>
div
{
font-size: 64px;
}
div > p
{
border: black solid 1px;
}
span.full-width
{
text-transform: full-width;
}
</style>
</head>
<body>
<p>Test passes if the glyphs in the 3 rectangles have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong>; a different inter-character spacing is considered as PASS.</p>
<div>
<p><span class="full-width">&#x34;</span></p>
<!-- &#x34; is the ISO-Latin1 digit 4 -->
<p>&#xFF14;</p>
<!-- &#xFF14; is the FULLWIDTH DIGIT 4 (≈ <wide> 0034 4)-->
<p>&#xFF14;</p>
</div>
</body>
</html>

View file

@ -0,0 +1,41 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Test Reference</title>
<link rel="author" title="Masataka Yakura" href="http://google.com/+MasatakaYakura">
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="asis" name="flags">
<style>
div
{
font-size: 64px;
writing-mode: vertical-rl;
}
div > p
{
border: black solid 1px;
}
</style>
</head>
<body>
<p>Test passes if the glyphs in the 3 rectangles have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong>; a different inter-character spacing is considered as PASS.</p>
<div>
<p>&#x34;</p>
<!-- &#x34; is the ISO-Latin1 digit 4 -->
<p>&#xFF14;</p>
<!-- &#xFF14; is the FULLWIDTH DIGIT 4 (≈ <wide> 0034 4)-->
<p>&#xFF14;</p>
</div>
</body>
</html>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Test Reference</title>
<link rel="author" title="Masataka Yakura" href="http://google.com/+MasatakaYakura">
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="asis" name="flags">
<style>
div
{
font-size: 64px;
}
div > p
{
border: black solid 1px;
}
span.full-width
{
text-transform: full-width;
}
</style>
</head>
<body>
<p>Test passes if the glyphs in the 3 rectangles have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong>; a different inter-character spacing is considered as PASS.</p>
<div>
<p><span class="full-width">28</span></p>
<p>&#xFF12;&#xFF18;</p>
<!-- &#xFF12; is the FULLWIDTH DIGIT 2 (≈ <wide> 0032 2)-->
<!-- &#xFF18; is the FULLWIDTH DIGIT 8 (≈ <wide> 0038 8)-->
<p>28日</p>
</div>
</body>
</html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Test Reference</title>
<link rel="author" title="Masataka Yakura" href="http://google.com/+MasatakaYakura">
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="asis" name="flags">
<style>
div
{
font-size: 64px;
writing-mode: vertical-rl;
}
div > p
{
border: black solid 1px;
}
span.full-width
{
text-transform: full-width;
}
</style>
</head>
<body>
<p>Test passes if the glyphs in the 3 rectangles have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong>; a different inter-character spacing is considered as PASS.</p>
<div>
<p><span class="full-width">28</span></p>
<p>&#xFF12;&#xFF18;</p>
<!-- &#xFF12; is the FULLWIDTH DIGIT 2 (≈ <wide> 0032 2)-->
<!-- &#xFF18; is the FULLWIDTH DIGIT 8 (≈ <wide> 0038 8)-->
<p>28日</p>
</div>
</body>
</html>

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