mirror of
https://github.com/servo/servo.git
synced 2025-08-06 06:00:15 +01:00
Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab
This commit is contained in:
parent
1a81b18b9f
commit
2c9faf5363
91915 changed files with 5979820 additions and 0 deletions
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="image" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
img#green-square
|
||||
{
|
||||
left: 80px;
|
||||
position: relative;
|
||||
top: 160px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p><img src="support/pass-cdts-abs-pos-non-replaced.png" width="246" height="36" alt="Image download support must be enabled"></p>
|
||||
|
||||
<div><img id="green-square" src="support/swatch-green.png" width="80" height="80" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="image" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
img#green-square
|
||||
{
|
||||
position: relative;
|
||||
left: 96px; /* 80px + p's margin-left (1em) */
|
||||
top: 160px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div><img src="support/pass-cdts-abs-pos-non-replaced.png" width="246" height="36" alt="Image download support must be enabled"><img id="green-square" src="support/swatch-green.png" width="80" height="80" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="image" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
img#green-square
|
||||
{
|
||||
left: 80px;
|
||||
position: relative;
|
||||
top: 80px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p><img src="support/pass-cdts-abs-pos-non-replaced.png" width="246" height="36" alt="Image download support must be enabled"></p>
|
||||
|
||||
<div><img id="green-square" src="support/swatch-green.png" width="80" height="80" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="image" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
img#green-square
|
||||
{
|
||||
position: relative;
|
||||
left: 96px; /* 80px + p's margin-left (1em) */
|
||||
top: 80px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div><img src="support/pass-cdts-abs-pos-non-replaced.png" width="246" height="36" alt="Image download support must be enabled"><img id="green-square" src="support/swatch-green.png" width="80" height="80" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="image" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
img#green-square
|
||||
{
|
||||
left: 160px;
|
||||
position: relative;
|
||||
top: 160px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p><img src="support/pass-cdts-abs-pos-non-replaced.png" width="246" height="36" alt="Image download support must be enabled"></p>
|
||||
|
||||
<div><img id="green-square" src="support/swatch-green.png" width="80" height="80" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="image" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
img#green-square
|
||||
{
|
||||
left: 160px;
|
||||
position: relative;
|
||||
top: 80px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p><img src="support/pass-cdts-abs-pos-non-replaced.png" width="246" height="36" alt="Image download support must be enabled"></p>
|
||||
|
||||
<div><img id="green-square" src="support/swatch-green.png" width="80" height="80" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="image" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
img#green-square
|
||||
{
|
||||
position: relative;
|
||||
right: 96px; /* 80px + p's margin-left (1em) */
|
||||
top: 160px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div><img src="support/pass-cdts-abs-pos-non-replaced.png" width="246" height="36" alt="Image download support must be enabled"><img id="green-square" src="support/swatch-green.png" width="80" height="80" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="image" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
img#green-square
|
||||
{
|
||||
position: relative;
|
||||
right: 96px; /* 80px + p's margin-left (1em) */
|
||||
top: 80px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div><img src="support/pass-cdts-abs-pos-non-replaced.png" width="246" height="36" alt="Image download support must be enabled"><img id="green-square" src="support/swatch-green.png" width="80" height="80" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link href="mailto:badea@adobe.com" rel="author" title="Catalin Badea">
|
||||
<style>
|
||||
.content {
|
||||
font-family: Ahem;
|
||||
line-height: 1em;
|
||||
font-size: 20px;
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ul>
|
||||
<li>Test passes if you see a horizontal green stripe.</li>
|
||||
<li>You shouldn't see any red.</li>
|
||||
</ul>
|
||||
<div class="content">
|
||||
XXXXX<br>
|
||||
XXXXX
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-01-16 -->
|
||||
|
||||
<meta name="flags" content="image">
|
||||
<style type="text/css">
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a cat and <strong>no red</strong>.</p>
|
||||
|
||||
<div><img id="cat" src="support/cat.png" width="98" height="99" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: span direction rtl, unicode-bidi embed (1)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: embed; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> א < a >‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> א < a >‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: span direction rtl, unicode-bidi embed (2)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: embed; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> a < א >‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> a < א >‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: span direction ltr, unicode-bidi embed (1)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: embed; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< א > a <‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< א > a <‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: span direction ltr, unicode-bidi embed (2)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: embed; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< a > א <‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< a > א <‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element as directional character with unicode-bidi embed, rtl</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: embed; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref"><div dir="rtl">‭d < ב < א < a‬</div>
|
||||
<div dir="rtl">‭d < b > c < a‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="ref"><div dir="rtl">‭d < ב < א < a‬</div>
|
||||
<div dir="rtl">‭d < b > c < a‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element as directional character with unicode-bidi embed, ltr</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: embed; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref"><div dir="ltr">‭א > b > c > ד‬</div>
|
||||
<div dir="ltr">‭א > ג < ב > ד‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="ref"><div dir="ltr">‭א > b > c > ד‬</div>
|
||||
<div dir="ltr">‭א > ג < ב > ד‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element isolation and unicode-bidi embed, rtl + number</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: embed; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭3 א‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭3 א‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element isolation and unicode-bidi embed, ltr + number</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: embed; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭a 3‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭a 3‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element isolation and unicode-bidi embed, rtl list</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: embed; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭a > b</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭a > b</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element isolation and unicode-bidi embed, ltr list</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: embed; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭ב < א</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭ב < א</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,46 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: direction alone and inherited, unicode-bidi embed</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test b { direction: rtl; font-weight: normal; }
|
||||
.test span { unicode-bidi: embed; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> a > ד < b > d >‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> a > ד < b > d >‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: span direction rtl, unicode-bidi isolate (1)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: isolate; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> א < a >‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> א < a >‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: span direction rtl, unicode-bidi isolate (2)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: isolate; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> a < א >‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> a < א >‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: span direction ltr, unicode-bidi isolate (1)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: isolate; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< א > a <‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< א > a <‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: span direction ltr, unicode-bidi isolate (2)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: isolate; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< a > א <‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< a > א <‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element as directional character with unicode-bidi isolate, rtl</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: isolate; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref"><div dir="rtl">‭a > ב < א > d‬</div>
|
||||
<div dir="rtl">‭a > b > c > d‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="ref"><div dir="rtl">‭a > ב < א > d‬</div>
|
||||
<div dir="rtl">‭a > b > c > d‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element as directional character with unicode-bidi isolate, ltr</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: isolate; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref"><div dir="ltr">‭ד < b > c < א‬</div>
|
||||
<div dir="ltr">‭ד < ג < ב < א‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="ref"><div dir="ltr">‭ד < b > c < א‬</div>
|
||||
<div dir="ltr">‭ד < ג < ב < א‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,46 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element isolation and unicode-bidi isolate, rtl + number</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: isolate; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref">‭א 3‬</div>
|
||||
|
||||
<div class="ref">‭א 3‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element isolation and unicode-bidi isolate, ltr + number</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: isolate; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭3 a‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭3 a‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element isolation and unicode-bidi isolate, rtl list</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: isolate; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭b < a</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭b < a</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element isolation and unicode-bidi isolate, ltr list</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: isolate; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭א > ב</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭א > ב</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: span direction rtl, isolate-override (1)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: isolate-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-isolate-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> דגבא < dcba >‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> דגבא < dcba >‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: span direction rtl, isolate-override (2)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: isolate-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-isolate-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> dcba < דגבא >‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> dcba < דגבא >‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: span direction ltr, isolate-override (1)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: isolate-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-isolate-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< אבגד > abcd <‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< אבגד > abcd <‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: span direction ltr, isolate-override (2)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: isolate-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-isolate-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< abcd > אבגד <‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< abcd > אבגד <‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element as directional character with isolate-override, rtl</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: isolate-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-isolate-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref"><div dir="rtl">‭a > ג < ב > d‬</div>
|
||||
<div dir="rtl">‭a > c < b > d‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="ref"><div dir="rtl">‭a > ג < ב > d‬</div>
|
||||
<div dir="rtl">‭a > c < b > d‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element as directional character with isolate-override, ltr</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: isolate-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-isolate-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref"><div dir="ltr">‭ד < b > c < א‬</div>
|
||||
<div dir="ltr">‭ד < ב > ג < א‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="ref"><div dir="ltr">‭ד < b > c < א‬</div>
|
||||
<div dir="ltr">‭ד < ב > ג < א‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element isolation and isolate-override, rtl + number</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: isolate-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-isolate-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭דגבא‬ 3</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭דגבא‬ 3</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element isolation and isolate-override, ltr + number</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: isolate-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-isolate-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭3 abcd‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭3 abcd‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element isolation and isolate-override, rtl list</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: isolate-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-isolate-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭e < abcd</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭e < abcd</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element isolation and isolate-override, ltr list</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: isolate-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-isolate-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭דגבא > ה</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭דגבא > ה</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,46 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: direction alone and inherited, isolate-override</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test b { direction: rtl; font-weight: normal; }
|
||||
.test span { unicode-bidi: isolate-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 15em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-isolate-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> a > גב < cb > d >‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> a > גב < cb > d >‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: default direction, isolate-override</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { unicode-bidi: isolate-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 15em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-isolate-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> abcd > אבגד >‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> abcd > אבגד >‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: span direction rtl, unicode-bidi normal (1)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: normal; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> a > א >‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> a > א >‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: span direction rtl, unicode-bidi normal (2)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: normal; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> א > a >‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> א > a >‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: span direction ltr, unicode-bidi normal (1)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: normal; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< a < א <‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< a < א <‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: span direction ltr, unicode-bidi normal (2)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: normal; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< א < a <‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< א < a <‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element as directional character with unicode-bidi normal, rtl</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: normal; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref"><div dir="rtl">‭d < ב < א < a‬</div>
|
||||
<div dir="rtl">‭a > b > c > d‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="ref"><div dir="rtl">‭d < ב < א < a‬</div>
|
||||
<div dir="rtl">‭a > b > c > d‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element as directional character with unicode-bidi normal, ltr</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: normal; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref"><div dir="ltr">‭א > b > c > ד‬</div>
|
||||
<div dir="ltr">‭ד < ג < ב < א‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="ref"><div dir="ltr">‭א > b > c > ד‬</div>
|
||||
<div dir="ltr">‭ד < ג < ב < א‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element isolation and unicode-bidi normal, rtl + number</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: normal; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭3 א‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭3 א‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element isolation and unicode-bidi normal, ltr + number</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: normal; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭a 3‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭a 3‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element isolation and unicode-bidi normal, rtl list</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: normal; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭a > b</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭a > b</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element isolation and unicode-bidi normal, ltr list</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: normal; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭ב < א</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭ב < א</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: span direction rtl, bidi-override (1)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: bidi-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> דגבא < dcba >‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> דגבא < dcba >‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: span direction rtl, bidi-override (2)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: bidi-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> dcba < דגבא >‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> dcba < דגבא >‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: span direction ltr, bidi-override (1)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: bidi-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< אבגד > abcd <‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< אבגד > abcd <‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: span direction ltr, bidi-override (2)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: bidi-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< abcd > אבגד <‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< abcd > אבגד <‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element as directional character with bidi-override, rtl</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: bidi-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref"><div dir="rtl">‭d < ג < ב < a‬</div>
|
||||
<div dir="rtl">‭d < c < b < a‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="ref"><div dir="rtl">‭d < ג < ב < a‬</div>
|
||||
<div dir="rtl">‭d < c < b < a‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element as directional character with bidi-override, ltr</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: bidi-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref"><div dir="ltr">‭א > b > c > ד‬</div>
|
||||
<div dir="ltr">‭א > ב > ג > ד‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="ref"><div dir="ltr">‭א > b > c > ד‬</div>
|
||||
<div dir="ltr">‭א > ב > ג > ד‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element isolation and bidi-override, rtl + number</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: bidi-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭3 dcba‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭3 dcba</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element isolation and bidi-override, ltr + number</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: bidi-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭אבגד 3‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭אבגד 3‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element isolation and bidi-override, rtl list</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: ltr; unicode-bidi: bidi-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭אבגד > e‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭אבגד > e‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element isolation and bidi-override, ltr list</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: bidi-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭ה < dcba‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭ה < dcba‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,46 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: direction alone and inherited, bidi-override</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test b { direction: rtl; font-weight: normal; }
|
||||
.test span { unicode-bidi: bidi-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 15em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> a > גב < cb > d >‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> a > גב < cb > d >‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: default direction, bidi-override</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { unicode-bidi: bidi-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 15em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> abcd > אבגד >‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> abcd > אבגד >‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>unicode-bidi: span unicode-bidi plaintext, rtl (1)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { unicode-bidi: plaintext; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> ג < b < א >‬</div>
|
||||
|
||||
<div class="ref" dir="ltr">‭> ג < b < א >‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: span unicode-bidi plaintext, rtl (2)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { direction: rtl; unicode-bidi: plaintext; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< ג < b < א <‬</div>
|
||||
|
||||
<div class="ref" dir="rtl">‭< ג < b < א <‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>unicode-bidi: span unicode-bidi plaintext, ltr (1)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { unicode-bidi: plaintext; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< a > א > c <‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< a > א > c <‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>unicode-bidi: span unicode-bidi plaintext, ltr (2)</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { unicode-bidi: plaintext; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> a > א > c >‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> a > א > c >‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>unicode-bidi: element as directional character with unicode-bidi plaintext, rtl</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { unicode-bidi: plaintext; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref"><div dir="rtl">‭a > ב < א > d‬</div>
|
||||
<div dir="rtl">‭a > b > c > d‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="ref"><div dir="rtl">‭a > ב < א > d‬</div>
|
||||
<div dir="rtl">‭a > b > c > d‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction/unicode-bidi: element as directional character with unicode-bidi plaintext, ltr</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { unicode-bidi: plaintext; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref"><div dir="ltr">‭ד < b > c < א‬</div>
|
||||
<div dir="ltr">‭ד < ג < ב < א‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="ref"><div dir="ltr">‭ד < b > c < א‬</div>
|
||||
<div dir="ltr">‭ד < ג < ב < א‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,47 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>unicode-bidi: element isolation and unicode-bidi plaintext, rtl + number</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { unicode-bidi: plaintext; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭א 3‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭א 3‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>unicode-bidi: element isolation and unicode-bidi plaintext, ltr + number</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { unicode-bidi: plaintext; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭3 a‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭3 a‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>unicode-bidi: element isolation and unicode-bidi plaintext, rtl list</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { unicode-bidi: plaintext; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭b < a</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭b < a</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>unicode-bidi: element isolation and unicode-bidi plaintext, ltr list</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test span { unicode-bidi: plaintext; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭א > ב</div>
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭א > ב</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction: div direction rtl</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test { direction: rtl; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< c < ב < a <‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< c < ב < a <‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction: div direction ltr</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test { direction: ltr; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
<div dir="rtl">
|
||||
<div class="ref" dir="ltr">‭> a > ב > c >‬</div>
|
||||
|
||||
<div class="ref" dir="ltr">‭> a > ב > c >‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,48 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction: div direction rtl</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test { direction: rtl; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
<div class="ref">
|
||||
<div dir="rtl">‭< c < ב < a <‬</div>
|
||||
<div dir="rtl">‭< c < ב < a <‬</div>
|
||||
</div>
|
||||
|
||||
<div class="ref">
|
||||
<div dir="rtl">‭< c < ב < a <‬</div>
|
||||
<div dir="rtl">‭< c < ב < a <‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,40 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2014-12-30 -->
|
||||
|
||||
<meta name="flags" content="image">
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: yellow;
|
||||
direction: ltr;
|
||||
font: 1.25em/1 Ahem;
|
||||
width: 21em;
|
||||
}
|
||||
|
||||
img { vertical-align: top; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div><img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled">
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,46 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2014-11-26 -->
|
||||
|
||||
<!-- This reference file is the right-aligned version of
|
||||
block-flow-direction-001-ref.xht
|
||||
-->
|
||||
|
||||
<meta name="flags" content="image">
|
||||
<style type="text/css">
|
||||
body { direction: rtl; }
|
||||
|
||||
div
|
||||
{
|
||||
background-color: yellow;
|
||||
direction: ltr;
|
||||
font: 1.25em/1 Ahem;
|
||||
width: 21em;
|
||||
}
|
||||
|
||||
img { vertical-align: top; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div><img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled">
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="image" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
p
|
||||
{
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
float: right;
|
||||
padding-left: 16px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p><img src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled"><img src="support/block-flow-direction-025-exp-res.png" width="359" height="36" alt="Image download support must be enabled"></p>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction: div override rtl</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test { direction: rtl; unicode-bidi: bidi-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< fe < דג < ba <‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< fe < דג < ba <‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction: div override ltr</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test { direction: ltr; unicode-bidi: bidi-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
<div dir="rtl">
|
||||
<div class="ref" dir="ltr">‭> ab > גד > ef >‬</div>
|
||||
|
||||
<div class="ref" dir="ltr">‭> ab > גד > ef >‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction: div direction ltr</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test { unicode-bidi: bidi-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> ab > גד > ef >‬</div>
|
||||
|
||||
<div class="ref" dir="ltr">‭> ab > גד > ef >‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>unicode-bidi: div override inheritance</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test { direction: rtl; unicode-bidi: bidi-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
<div class="ref">
|
||||
<div dir="rtl">‭< fe < דג < ba <‬</div>
|
||||
<div dir="rtl">‭< ef < דג < ab <‬</div>
|
||||
<div dir="rtl">‭< fe < דג < ba <‬</div>
|
||||
</div>
|
||||
|
||||
<div class="ref">
|
||||
<div dir="rtl">‭< fe < דג < ba <‬</div>
|
||||
<div dir="rtl">‭< ef < דג < ab <‬</div>
|
||||
<div dir="rtl">‭< fe < דג < ba <‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction: div override rtl</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test { direction: rtl; unicode-bidi: isolate-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< fe < דג < ba <‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< fe < דג < ba <‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction: div override ltr</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test { direction: ltr; unicode-bidi: isolate-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
<div dir="rtl">
|
||||
<div class="ref" dir="ltr">‭> ab > גד > ef >‬</div>
|
||||
|
||||
<div class="ref" dir="ltr">‭> ab > גד > ef >‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>direction: div direction ltr</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test { unicode-bidi: isolate-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
<div class="ref" dir="ltr">‭> ab > גד > ef >‬</div>
|
||||
|
||||
<div class="ref" dir="ltr">‭> ab > גד > ef >‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>unicode-bidi: div override inheritance</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test { direction: rtl; unicode-bidi: isolate-override; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
<div class="ref">
|
||||
<div dir="rtl">‭< fe < דג < ba <‬</div>
|
||||
<div dir="rtl">‭< ef < דג < ab <‬</div>
|
||||
<div dir="rtl">‭< fe < דג < ba <‬</div>
|
||||
</div>
|
||||
|
||||
<div class="ref">
|
||||
<div dir="rtl">‭< fe < דג < ba <‬</div>
|
||||
<div dir="rtl">‭< ef < דג < ab <‬</div>
|
||||
<div dir="rtl">‭< fe < דג < ba <‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,47 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>unicode-bidi: div plaintext, rtl</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test { unicode-bidi: plaintext; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - 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">‭< ג < b < א <‬</div>
|
||||
|
||||
|
||||
<div class="ref" dir="rtl">‭< ג < b < א <‬</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>unicode-bidi: div plaintext, ltr</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test { unicode-bidi: plaintext; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - 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">‭> a > ב > c >‬</div>
|
||||
|
||||
<div class="ref" dir="ltr">‭> a > ב > c >‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>unicode-bidi: div plaintext inheritance</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test { unicode-bidi: plaintext; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭> a > ב > c >‬</div>
|
||||
<div dir="ltr">‭> א > b > ג >‬</div>
|
||||
<div dir="rtl">‭< ג < b < א <‬</div>
|
||||
</div>
|
||||
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭> a > ב > c >‬</div>
|
||||
<div dir="ltr">‭> א > b > ג >‬</div>
|
||||
<div dir="rtl">‭< ג < b < א <‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,50 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>unicode-bidi: div plaintext with br</title>
|
||||
|
||||
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
|
||||
<style type="text/css">
|
||||
.test { unicode-bidi: plaintext; }
|
||||
|
||||
/* the following styles are not part of the test */
|
||||
.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
|
||||
input { margin: 5px; }
|
||||
@font-face {
|
||||
font-family: 'ezra_silregular';
|
||||
src: url('support/sileot-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.test, .ref { font-family: ezra_silregular, serif; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
|
||||
|
||||
|
||||
<!--Notes:
|
||||
Key to entities used below:
|
||||
א ... ו - The first six Hebrew letters (strongly RTL).
|
||||
‭ - The LRO (left-to-right-override) formatting character.
|
||||
‬ - The PDF (pop directional formatting) formatting character; closes LRO.
|
||||
-->
|
||||
|
||||
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭> a > ב > c >‬</div>
|
||||
<div dir="rtl">‭< ג < b < א <‬</div>
|
||||
<div dir="ltr">‭> a > ב > c >‬</div>
|
||||
</div>
|
||||
|
||||
<div class="ref">
|
||||
<div dir="ltr">‭> a > ב > c >‬</div>
|
||||
<div dir="rtl">‭< ג < b < א <‬</div>
|
||||
<div dir="ltr">‭> a > ב > c >‬</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="flags" content="image">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
|
||||
|
||||
<div><img src="support/swatch-green.png" width="100" height="200" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,89 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="image" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
div > img
|
||||
{
|
||||
margin-left: 8px;
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
background-color: yellow;
|
||||
border-spacing: 0px;
|
||||
border: orange solid 50px;
|
||||
display: inline-table;
|
||||
height: 300px;
|
||||
vertical-align: top;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
td.first-row
|
||||
{
|
||||
height: 29px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#middle-row
|
||||
{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
td.third-row
|
||||
{
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
span.blue
|
||||
{
|
||||
background-color: blue;
|
||||
color: white;
|
||||
height: 25px;
|
||||
text-align: left;
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
span#top-left, span#bottom-left
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
|
||||
span#top-right, span#bottom-right
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>
|
||||
<img src="support/pass-cdts-box-offsets-rel-pos.png" width="304" height="35" alt="Image download support must be enabled"><!--
|
||||
The image says:
|
||||
"
|
||||
Test passes if there is a blue square
|
||||
at each corner of the yellow square.
|
||||
"
|
||||
--><table>
|
||||
<tr><td class="first-row"><span class="blue" id="top-left">TL</span></td><td class="first-row"><span class="blue" id="top-right">TR</span></td></tr>
|
||||
<tr><td id="middle-row" colspan="2"><img src="support/100x100-lime.png" alt="Image download support must be enabled"></td></tr>
|
||||
<tr><td class="third-row"><span class="blue" id="bottom-left">BL</span></td><td class="third-row"><span class="blue" id="bottom-right">BR</span></td></tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,96 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="image" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
div > img
|
||||
{
|
||||
margin-left: 1em;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
background-color: yellow;
|
||||
border-spacing: 0px;
|
||||
border: orange solid 50px;
|
||||
display: inline-table;
|
||||
height: 300px;
|
||||
vertical-align: top;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
td.first-row
|
||||
{
|
||||
height: 29px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
td#middle-row
|
||||
{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
td.third-row
|
||||
{
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
span.blue
|
||||
{
|
||||
background-color: blue;
|
||||
color: white;
|
||||
height: 25px;
|
||||
text-align: left;
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
span#top-left, span#bottom-left
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
|
||||
span#top-right, span#bottom-right
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>
|
||||
<table>
|
||||
<tr><td class="first-row"><span class="blue" id="top-left">TL</span></td><td class="first-row"><span class="blue" id="top-right">TR</span></td></tr>
|
||||
<tr><td id="middle-row" colspan="2"><img src="support/100x100-lime.png" alt="Image download support must be enabled"></td></tr>
|
||||
<tr><td class="third-row"><span class="blue" id="bottom-left">BL</span></td><td class="third-row"><span class="blue" id="bottom-right">BR</span></td></tr>
|
||||
</table><img src="support/pass-cdts-box-offsets-rel-pos.png" width="304" height="35" alt="Image download support must be enabled">
|
||||
|
||||
<!--
|
||||
The image says:
|
||||
"
|
||||
Test passes if there is a blue square
|
||||
at each corner of the yellow square.
|
||||
"
|
||||
-->
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta name="flags" content="image">
|
||||
|
||||
<style type="text/css">
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
padding-left: 60px;
|
||||
}
|
||||
|
||||
img + br + img
|
||||
{
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
img + br + img + br + img
|
||||
{
|
||||
padding-left: 75px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if 2 orange squares are centered with respect to a blue square.</p>
|
||||
|
||||
<div><img src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled"><br><img src="support/swatch-blue.png" width="120" height="120" alt="Image download support must be enabled"><br><img src="support/swatch-orange.png" width="30" height="30" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="image" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
img
|
||||
{
|
||||
padding-right: 40px;
|
||||
}
|
||||
|
||||
img + img
|
||||
{
|
||||
padding-right: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is <strong>no red</strong>.</p>
|
||||
|
||||
<div><img src="support/swatch-green.png" width="20" height="100" alt="Image download support must be enabled"><img src="support/swatch-green.png" width="20" height="100" alt="Image download support must be enabled"><img src="support/swatch-green.png" width="20" height="100" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="image" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
img
|
||||
{
|
||||
padding-right: 80px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is <strong>no red</strong>.</p>
|
||||
|
||||
<div><img src="support/swatch-green.png" width="60" height="100" alt="Image download support must be enabled"><img src="support/swatch-green.png" width="20" height="100" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<meta content="image" name="flags">
|
||||
|
||||
<style type="text/css">
|
||||
img
|
||||
{
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
img + img
|
||||
{
|
||||
padding-right: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is <strong>no red</strong>.</p>
|
||||
|
||||
<div><img src="support/swatch-green.png" width="20" height="100" alt="Image download support must be enabled"><img src="support/swatch-green.png" width="20" height="100" alt="Image download support must be enabled"><img src="support/swatch-green.png" width="20" height="100" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue