Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-05 13:40:08 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update CSS tests to revision 7a87ef71fc579e52d3438e009107aa442bc4021b

Browse source
This commit is contained in:
Ms2ger 2015-10-06 12:33:05 +02:00
parent ad94ef5a96
commit 145aea3eeb
1196 changed files with 14344 additions and 6221 deletions
Download patch file Download diff file Expand all files Collapse all files

80
tests/wpt/css-tests/css-text-3_dev/html/chapter-7.htm
View file

@ -41,7 +41,7 @@
<tr id="text-align-end-001-7.1" class="primary">
<td><strong>
<a href="text-align-end-001.htm">text-align-end-001</a></strong></td>
<td><a href="reference/text-align-end-001.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-001.htm">=</a> </td>
<td></td>
<td>text-align: end, direction: rtl
<ul class="assert">
@ -52,7 +52,7 @@
<tr id="text-align-end-002-7.1" class="primary">
<td><strong>
<a href="text-align-end-002.htm">text-align-end-002</a></strong></td>
<td><a href="reference/text-align-end-002.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-002.htm">=</a> </td>
<td></td>
<td>text-align: end, direction: ltr
<ul class="assert">
@ -63,7 +63,7 @@
<tr id="text-align-end-003-7.1" class="primary">
<td><strong>
<a href="text-align-end-003.htm">text-align-end-003</a></strong></td>
<td><a href="reference/text-align-end-003.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-003.htm">=</a> </td>
<td></td>
<td>text-align: end, dir=rtl
<ul class="assert">
@ -74,7 +74,7 @@
<tr id="text-align-end-004-7.1" class="primary">
<td><strong>
<a href="text-align-end-004.htm">text-align-end-004</a></strong></td>
<td><a href="reference/text-align-end-004.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-004.htm">=</a> </td>
<td></td>
<td>text-align: end, dir=ltr
<ul class="assert">
@ -85,7 +85,7 @@
<tr id="text-align-end-005-7.1" class="primary">
<td><strong>
<a href="text-align-end-005.htm">text-align-end-005</a></strong></td>
<td><a href="reference/text-align-end-005.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-005.htm">=</a> </td>
<td></td>
<td>text-align: end, direction: rtl
<ul class="assert">
@ -96,7 +96,7 @@
<tr id="text-align-end-006-7.1" class="primary">
<td><strong>
<a href="text-align-end-006.htm">text-align-end-006</a></strong></td>
<td><a href="reference/text-align-end-006.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-006.htm">=</a> </td>
<td></td>
<td>text-align: end, direction: ltr
<ul class="assert">
@ -107,7 +107,7 @@
<tr id="text-align-end-007-7.1" class="primary">
<td><strong>
<a href="text-align-end-007.htm">text-align-end-007</a></strong></td>
<td><a href="reference/text-align-end-007.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-007.htm">=</a> </td>
<td></td>
<td>text-align: end, dir=rtl
<ul class="assert">
@ -118,7 +118,7 @@
<tr id="text-align-end-008-7.1" class="primary">
<td><strong>
<a href="text-align-end-008.htm">text-align-end-008</a></strong></td>
<td><a href="reference/text-align-end-008.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-008.htm">=</a> </td>
<td></td>
<td>text-align: end, dir=ltr
<ul class="assert">
@ -129,7 +129,7 @@
<tr id="text-align-end-009-7.1" class="primary">
<td><strong>
<a href="text-align-end-009.htm">text-align-end-009</a></strong></td>
<td><a href="reference/text-align-end-009.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-009.htm">=</a> </td>
<td></td>
<td>text-align: end, dir=auto, RTL first strong
<ul class="assert">
@ -140,7 +140,7 @@
<tr id="text-align-end-010-7.1" class="primary">
<td><strong>
<a href="text-align-end-010.htm">text-align-end-010</a></strong></td>
<td><a href="reference/text-align-end-010.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-010.htm">=</a> </td>
<td></td>
<td>text-align: end, dir=auto, LTR first strong
<ul class="assert">
@ -151,7 +151,7 @@
<tr id="text-align-end-014-7.1" class="primary">
<td><strong>
<a href="text-align-end-014.htm">text-align-end-014</a></strong></td>
<td><a href="reference/text-align-end-014.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-014.htm">=</a> </td>
<td></td>
<td>text-align: end, pre, dir=rtl inherited
<ul class="assert">
@ -162,7 +162,7 @@
<tr id="text-align-end-015-7.1" class="primary">
<td><strong>
<a href="text-align-end-015.htm">text-align-end-015</a></strong></td>
<td><a href="reference/text-align-end-015.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-015.htm">=</a> </td>
<td></td>
<td>text-align: end, pre, dir=ltr inherited
<ul class="assert">
@ -173,7 +173,7 @@
<tr id="text-align-end-016-7.1" class="primary">
<td><strong>
<a href="text-align-end-016.htm">text-align-end-016</a></strong></td>
<td><a href="reference/text-align-end-016.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-016.htm">=</a> </td>
<td></td>
<td>text-align: end, pre, dir=auto
<ul class="assert">
@ -184,7 +184,7 @@
<tr id="text-align-end-017-7.1" class="primary">
<td><strong>
<a href="text-align-end-017.htm">text-align-end-017</a></strong></td>
<td><a href="reference/text-align-end-017.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-017.htm">=</a> </td>
<td></td>
<td>text-align: end, pre, dir=auto on surrounding block
<ul class="assert">
@ -239,7 +239,7 @@
<tr id="text-align-justify-001-7.1" class="primary">
<td><strong>
<a href="text-align-justify-001.htm">text-align-justify-001</a></strong></td>
<td><a href="reference/text-align-justify-001.htm">=</a> </td>
<td><a href="reference/text-align-justify-ref-001.htm">=</a> </td>
<td></td>
<td>text-align: justify, direction: rtl
<ul class="assert">
@ -250,7 +250,7 @@
<tr id="text-align-justify-002-7.1" class="primary">
<td><strong>
<a href="text-align-justify-002.htm">text-align-justify-002</a></strong></td>
<td><a href="reference/text-align-justify-002.htm">=</a> </td>
<td><a href="reference/text-align-justify-ref-002.htm">=</a> </td>
<td></td>
<td>text-align: justify, direction: ltr
<ul class="assert">
@ -261,7 +261,7 @@
<tr id="text-align-justify-003-7.1" class="primary">
<td><strong>
<a href="text-align-justify-003.htm">text-align-justify-003</a></strong></td>
<td><a href="reference/text-align-justify-003.htm">=</a> </td>
<td><a href="reference/text-align-justify-ref-003.htm">=</a> </td>
<td></td>
<td>text-align: justify, dir=rtl
<ul class="assert">
@ -272,7 +272,7 @@
<tr id="text-align-justify-004-7.1" class="primary">
<td><strong>
<a href="text-align-justify-004.htm">text-align-justify-004</a></strong></td>
<td><a href="reference/text-align-justify-004.htm">=</a> </td>
<td><a href="reference/text-align-justify-ref-004.htm">=</a> </td>
<td></td>
<td>text-align: justify, dir=ltr
<ul class="assert">
@ -283,7 +283,7 @@
<tr id="text-align-justify-005-7.1" class="primary">
<td><strong>
<a href="text-align-justify-005.htm">text-align-justify-005</a></strong></td>
<td><a href="reference/text-align-justify-005.htm">=</a> </td>
<td><a href="reference/text-align-justify-ref-005.htm">=</a> </td>
<td></td>
<td>text-align: justify, dir=auto, RTL first strong
<ul class="assert">
@ -294,7 +294,7 @@
<tr id="text-align-justify-006-7.1" class="primary">
<td><strong>
<a href="text-align-justify-006.htm">text-align-justify-006</a></strong></td>
<td><a href="reference/text-align-justify-006.htm">=</a> </td>
<td><a href="reference/text-align-justify-ref-006.htm">=</a> </td>
<td></td>
<td>text-align: justify, dir=auto, LTR first strong
<ul class="assert">
@ -305,7 +305,7 @@
<tr id="text-align-justifyall-001-7.1" class="primary">
<td><strong>
<a href="text-align-justifyall-001.htm">text-align-justifyall-001</a></strong></td>
<td><a href="reference/text-align-justifyall-001.htm">=</a> </td>
<td><a href="reference/text-align-justifyall-ref-001.htm">=</a> </td>
<td></td>
<td>text-align: justify-all, direction: rtl
<ul class="assert">
@ -316,7 +316,7 @@
<tr id="text-align-justifyall-002-7.1" class="primary">
<td><strong>
<a href="text-align-justifyall-002.htm">text-align-justifyall-002</a></strong></td>
<td><a href="reference/text-align-justifyall-002.htm">=</a> </td>
<td><a href="reference/text-align-justifyall-ref-002.htm">=</a> </td>
<td></td>
<td>text-align: justify-all, direction: ltr
<ul class="assert">
@ -327,7 +327,7 @@
<tr id="text-align-justifyall-003-7.1" class="primary">
<td><strong>
<a href="text-align-justifyall-003.htm">text-align-justifyall-003</a></strong></td>
<td><a href="reference/text-align-justifyall-003.htm">=</a> </td>
<td><a href="reference/text-align-justifyall-ref-003.htm">=</a> </td>
<td></td>
<td>text-align: justify-all, dir=rtl
<ul class="assert">
@ -338,7 +338,7 @@
<tr id="text-align-justifyall-004-7.1" class="primary">
<td><strong>
<a href="text-align-justifyall-004.htm">text-align-justifyall-004</a></strong></td>
<td><a href="reference/text-align-justifyall-004.htm">=</a> </td>
<td><a href="reference/text-align-justifyall-ref-004.htm">=</a> </td>
<td></td>
<td>text-align: justify-all, dir=ltr
<ul class="assert">
@ -349,7 +349,7 @@
<tr id="text-align-justifyall-005-7.1" class="primary">
<td><strong>
<a href="text-align-justifyall-005.htm">text-align-justifyall-005</a></strong></td>
<td><a href="reference/text-align-justifyall-005.htm">=</a> </td>
<td><a href="reference/text-align-justifyall-ref-005.htm">=</a> </td>
<td></td>
<td>text-align: justify-all, dir=auto, RTL first strong
<ul class="assert">
@ -360,7 +360,7 @@
<tr id="text-align-justifyall-006-7.1" class="primary">
<td><strong>
<a href="text-align-justifyall-006.htm">text-align-justifyall-006</a></strong></td>
<td><a href="reference/text-align-justifyall-006.htm">=</a> </td>
<td><a href="reference/text-align-justifyall-ref-006.htm">=</a> </td>
<td></td>
<td>text-align: justify-all, dir=auto, LTR first strong
<ul class="assert">
@ -437,7 +437,7 @@
<tr id="text-align-start-001-7.1" class="primary">
<td><strong>
<a href="text-align-start-001.htm">text-align-start-001</a></strong></td>
<td><a href="reference/text-align-start-001.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-001.htm">=</a> </td>
<td></td>
<td>text-align: start, direction: rtl
<ul class="assert">
@ -448,7 +448,7 @@
<tr id="text-align-start-002-7.1" class="primary">
<td><strong>
<a href="text-align-start-002.htm">text-align-start-002</a></strong></td>
<td><a href="reference/text-align-start-002.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-002.htm">=</a> </td>
<td></td>
<td>text-align: start, direction: ltr
<ul class="assert">
@ -459,7 +459,7 @@
<tr id="text-align-start-003-7.1" class="primary">
<td><strong>
<a href="text-align-start-003.htm">text-align-start-003</a></strong></td>
<td><a href="reference/text-align-start-003.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-003.htm">=</a> </td>
<td></td>
<td>text-align: start, dir=rtl
<ul class="assert">
@ -470,7 +470,7 @@
<tr id="text-align-start-004-7.1" class="primary">
<td><strong>
<a href="text-align-start-004.htm">text-align-start-004</a></strong></td>
<td><a href="reference/text-align-start-004.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-004.htm">=</a> </td>
<td></td>
<td>text-align: start, dir=ltr
<ul class="assert">
@ -481,7 +481,7 @@
<tr id="text-align-start-005-7.1" class="primary">
<td><strong>
<a href="text-align-start-005.htm">text-align-start-005</a></strong></td>
<td><a href="reference/text-align-start-005.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-005.htm">=</a> </td>
<td></td>
<td>text-align: start, direction: rtl
<ul class="assert">
@ -492,7 +492,7 @@
<tr id="text-align-start-006-7.1" class="primary">
<td><strong>
<a href="text-align-start-006.htm">text-align-start-006</a></strong></td>
<td><a href="reference/text-align-start-006.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-006.htm">=</a> </td>
<td></td>
<td>text-align: start, direction: ltr
<ul class="assert">
@ -503,7 +503,7 @@
<tr id="text-align-start-007-7.1" class="primary">
<td><strong>
<a href="text-align-start-007.htm">text-align-start-007</a></strong></td>
<td><a href="reference/text-align-start-007.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-007.htm">=</a> </td>
<td></td>
<td>text-align: start, dir=rtl
<ul class="assert">
@ -514,7 +514,7 @@
<tr id="text-align-start-008-7.1" class="primary">
<td><strong>
<a href="text-align-start-008.htm">text-align-start-008</a></strong></td>
<td><a href="reference/text-align-start-008.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-008.htm">=</a> </td>
<td></td>
<td>text-align: start, dir=ltr
<ul class="assert">
@ -525,7 +525,7 @@
<tr id="text-align-start-009-7.1" class="primary">
<td><strong>
<a href="text-align-start-009.htm">text-align-start-009</a></strong></td>
<td><a href="reference/text-align-start-009.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-009.htm">=</a> </td>
<td></td>
<td>text-align: start, dir=auto, RTL first strong
<ul class="assert">
@ -536,7 +536,7 @@
<tr id="text-align-start-010-7.1" class="primary">
<td><strong>
<a href="text-align-start-010.htm">text-align-start-010</a></strong></td>
<td><a href="reference/text-align-start-010.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-010.htm">=</a> </td>
<td></td>
<td>text-align: start, dir=auto, LTR first strong
<ul class="assert">
@ -547,7 +547,7 @@
<tr id="text-align-start-014-7.1" class="primary">
<td><strong>
<a href="text-align-start-014.htm">text-align-start-014</a></strong></td>
<td><a href="reference/text-align-start-014.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-014.htm">=</a> </td>
<td></td>
<td>text-align: start, pre, dir=rtl inherited
<ul class="assert">
@ -558,7 +558,7 @@
<tr id="text-align-start-015-7.1" class="primary">
<td><strong>
<a href="text-align-start-015.htm">text-align-start-015</a></strong></td>
<td><a href="reference/text-align-start-015.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-015.htm">=</a> </td>
<td></td>
<td>text-align: start, pre, dir=ltr inherited
<ul class="assert">
@ -569,7 +569,7 @@
<tr id="text-align-start-016-7.1" class="primary">
<td><strong>
<a href="text-align-start-016.htm">text-align-start-016</a></strong></td>
<td><a href="reference/text-align-start-016.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-016.htm">=</a> </td>
<td></td>
<td>text-align: start, pre, dir=auto
<ul class="assert">
@ -580,7 +580,7 @@
<tr id="text-align-start-017-7.1" class="primary">
<td><strong>
<a href="text-align-start-017.htm">text-align-start-017</a></strong></td>
<td><a href="reference/text-align-start-017.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-017.htm">=</a> </td>
<td></td>
<td>text-align: start, pre, dir=auto on surrounding block
<ul class="assert">

BIN
tests/wpt/css-tests/css-text-3_dev/html/reference/support/adobe-fonts/CSSHWOrientationTest.otf
View file

Binary file not shown.

17
tests/wpt/css-tests/css-text-3_dev/html/reference/support/adobe-fonts/README.md
View file

@ -3,7 +3,8 @@ CSS Orientation Test
Overview
----
CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool.
CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files
that were used to build these OpenType fonts by using the AFDKO *makeotf* tool.
Getting Involved
----
@ -14,20 +15,26 @@ Building
Pre-built font binaries
----
The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/).
The installable font resources (font binaries) are not part of the source files.
They are available at https://github.com/adobe-fonts/css-orientation-test/
The latest version of the font binaries is 1.005 (October 2015).
Requirements
----
For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications.
For building binary font files from source, installation of the
[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO)
is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications.
Building the fonts
----
The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*.
The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found
by executing *makeotf -h*.
In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table:
In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font
for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table:
% makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H
% sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf

17
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-001.htm Normal file
View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: end, direction: rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 24px; }
#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div>
<div class="ref"><div id="rb1"></div></div>
<div class="ref"><div id="rb1"></div></div>
</body></html>

19
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-002.htm Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: end, direction: ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 24px; }
#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div>
<div style="direction: rtl;">
<div class="ref"><div id="rb1"></div></div>
<div class="ref"><div id="rb1"></div></div>
</div>
</body></html>

17
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-003.htm Normal file
View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: end, dir=rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 24px; }
#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes is identical.</div>
<div class="ref"><div id="rb1"></div></div>
<div class="ref"><div id="rb1"></div></div>
</body></html>

19
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-004.htm Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: end, dir=ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 24px; }
#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes is identical.</div>
<div dir="rtl">
<div class="ref"><div id="rb1"></div></div>
<div class="ref"><div id="rb1"></div></div>
</div>
</body></html>

19
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-005.htm Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: end, direction: rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 72px; }
.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; }
.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; }
.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
</body></html>

21
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-006.htm Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: end, direction: ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 72px; }
.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; }
.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; }
.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes is identical.</div>
<div style="direction: rtl;">
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
</div>
</body></html>

19
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-007.htm Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: end, dir=rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 72px; }
.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; }
.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; }
.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
</body></html>

21
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-008.htm Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: end, dir=ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 72px; }
.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; }
.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; }
.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; }
</style>
</head>
<body>
<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
<div dir="rtl">
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
</div>
</body></html>

19
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-009.htm Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: end, dir=auto, RTL first strong</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 72px; }
.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; }
.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; }
.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; }
</style>
</head>
<body>
<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
</body></html>

21
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-010.htm Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: end, dir=auto, LTR first strong</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 72px; }
.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; }
.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; }
.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; }
</style>
</head>
<body>
<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
<div dir="rtl">
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
</div>
</body></html>

19
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-014.htm Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: end, pre, dir=rtl inherited</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 48px; }
#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 48px; }
</style>
</head>
<body>
<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
<div dir="rtl">
<div class="ref"><div id="rb1"></div></div>
<div class="ref"><div id="rb1"></div></div>
</div>
</body></html>

17
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-015.htm Normal file
View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: end, pre, dir=ltr inherited</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 48px; }
#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 48px; }
</style>
</head>
<body>
<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
<div class="ref"><div id="rb1"></div></div>
<div class="ref"><div id="rb1"></div></div>
</body></html>

18
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-016.htm Normal file
View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: end, pre, dir=auto</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 48px; }
.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 24px; }
.rb2 { position: absolute; bottom: 0; left: 0; background-color: orange; width: 72px; height: 24px; }
</style>
</head>
<body>
<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div></div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div></div>
</body></html>

17
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-017.htm Normal file
View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: end, pre, dir=auto on surrounding block</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 48px; }
#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 48px; }
</style>
</head>
<body>
<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
<div class="ref"><div id="rb1"></div></div>
<div class="ref"><div id="rb1"></div></div>
</body></html>

23
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-001.htm Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: justify, direction: rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
.ref { text-align: right; position: relative; height:72px; }
.rb { position: absolute; background-color: orange; width: 72px; }
.rb1 { top: 0; left: 0; height: 48px; }
.rb2 { top: 0; left: 109px; height: 48px; }
.rb3 { top: 0; left: 218px; height: 48px; }
.rb4 { top: 0; left: 327px; height: 72px; }
.rb5 { top: 48px; right: 96px; height: 24px; }
.rb6 { top: 48px; right: 192px; height: 24px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes is the same.</div>
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
</body></html>

25
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-002.htm Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: justify, direction: ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
.ref { text-align: right; position: relative; height:72px; }
.rb { position: absolute; background-color: orange; width: 72px; }
.rb1 { top: 0; right: 0; height: 48px; }
.rb2 { top: 0; right: 109px; height: 48px; }
.rb3 { top: 0; right: 218px; height: 48px; }
.rb4 { top: 0; right: 327px; height: 72px; }
.rb5 { top: 48px; left: 96px; height: 24px; }
.rb6 { top: 48px; left: 192px; height: 24px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes is identical.</div>
<div style="direction: rtl;">
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
</div>
</body></html>

23
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-003.htm Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: justify, dir=rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
.ref { text-align: right; position: relative; height:72px; }
.rb { position: absolute; background-color: orange; width: 72px; }
.rb1 { top: 0; left: 0; height: 48px; }
.rb2 { top: 0; left: 109px; height: 48px; }
.rb3 { top: 0; left: 218px; height: 48px; }
.rb4 { top: 0; left: 327px; height: 72px; }
.rb5 { top: 48px; right: 96px; height: 24px; }
.rb6 { top: 48px; right: 192px; height: 24px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes is the same.</div>
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
</body></html>

25
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-004.htm Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: justify, dir=ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
.ref { text-align: right; position: relative; height:72px; }
.rb { position: absolute; background-color: orange; width: 72px; }
.rb1 { top: 0; right: 0; height: 48px; }
.rb2 { top: 0; right: 109px; height: 48px; }
.rb3 { top: 0; right: 218px; height: 48px; }
.rb4 { top: 0; right: 327px; height: 72px; }
.rb5 { top: 48px; left: 96px; height: 24px; }
.rb6 { top: 48px; left: 192px; height: 24px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes is identical.</div>
<div dir="rtl">
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
</div>
</body></html>

23
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-005.htm Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: justify, dir=auto, RTL first strong</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
.ref { text-align: right; position: relative; height:72px; }
.rb { position: absolute; background-color: orange; width: 72px; }
.rb1 { top: 0; left: 0; height: 48px; }
.rb2 { top: 0; left: 109px; height: 48px; }
.rb3 { top: 0; left: 218px; height: 48px; }
.rb4 { top: 0; left: 327px; height: 72px; }
.rb5 { top: 48px; right: 96px; height: 24px; }
.rb6 { top: 48px; right: 192px; height: 24px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes is the same.</div>
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
</body></html>

25
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-006.htm Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: justify, dir=auto, LTR first strong</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
.ref { text-align: right; position: relative; height:72px; }
.rb { position: absolute; background-color: orange; width: 72px; }
.rb1 { top: 0; right: 0; height: 48px; }
.rb2 { top: 0; right: 109px; height: 48px; }
.rb3 { top: 0; right: 218px; height: 48px; }
.rb4 { top: 0; right: 327px; height: 72px; }
.rb5 { top: 48px; left: 96px; height: 24px; }
.rb6 { top: 48px; left: 192px; height: 24px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes is the same.</div>
<div dir="rtl">
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
</div>
</body></html>

23
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-001.htm Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: justify-all, direction: rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
.ref { text-align: right; position: relative; height:72px; }
.rb { position: absolute; background-color: orange; width: 72px; }
.rb1 { top: 0; left: 0; height: 48px; }
.rb2 { top: 0; left: 109px; height: 48px; }
.rb3 { top: 0; left: 218px; height: 48px; }
.rb4 { top: 0; left: 327px; height: 72px; }
.rb5 { top: 48px; right: 96px; height: 24px; }
.rb6 { top: 48px; right: 192px; height: 24px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes is the same.</div>
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
</body></html>

25
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-002.htm Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: justify-all, direction: ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
.ref { text-align: right; position: relative; height:72px; }
.rb { position: absolute; background-color: orange; width: 72px; }
.rb1 { top: 0; right: 0; height: 48px; }
.rb2 { top: 0; right: 109px; height: 48px; }
.rb3 { top: 0; right: 218px; height: 48px; }
.rb4 { top: 0; right: 327px; height: 72px; }
.rb5 { top: 48px; left: 96px; height: 24px; }
.rb6 { top: 48px; left: 192px; height: 24px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes is identical.</div>
<div style="direction: rtl;">
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
</div>
</body></html>

23
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-003.htm Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: justify-all, dir=rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
.ref { text-align: right; position: relative; height:72px; }
.rb { position: absolute; background-color: orange; width: 72px; }
.rb1 { top: 0; left: 0; height: 48px; }
.rb2 { top: 0; left: 109px; height: 48px; }
.rb3 { top: 0; left: 218px; height: 48px; }
.rb4 { top: 0; left: 327px; height: 72px; }
.rb5 { top: 48px; right: 96px; height: 24px; }
.rb6 { top: 48px; right: 192px; height: 24px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes is the same.</div>
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
</body></html>

25
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-004.htm Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: justify-all, dir=ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
.ref { text-align: right; position: relative; height:72px; }
.rb { position: absolute; background-color: orange; width: 72px; }
.rb1 { top: 0; right: 0; height: 48px; }
.rb2 { top: 0; right: 109px; height: 48px; }
.rb3 { top: 0; right: 218px; height: 48px; }
.rb4 { top: 0; right: 327px; height: 72px; }
.rb5 { top: 48px; left: 96px; height: 24px; }
.rb6 { top: 48px; left: 192px; height: 24px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes is identical.</div>
<div dir="rtl">
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
</div>
</body></html>

23
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-005.htm Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: justify-all, dir=auto, RTL first strong</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
.ref { text-align: right; position: relative; height:72px; }
.rb { position: absolute; background-color: orange; width: 72px; }
.rb1 { top: 0; left: 0; height: 48px; }
.rb2 { top: 0; left: 109px; height: 48px; }
.rb3 { top: 0; left: 218px; height: 48px; }
.rb4 { top: 0; left: 327px; height: 72px; }
.rb5 { top: 48px; right: 96px; height: 24px; }
.rb6 { top: 48px; right: 192px; height: 24px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes is the same.</div>
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
</body></html>

25
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-006.htm Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: justify-all, dir=auto, LTR first strong</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
.ref { text-align: right; position: relative; height:72px; }
.rb { position: absolute; background-color: orange; width: 72px; }
.rb1 { top: 0; right: 0; height: 48px; }
.rb2 { top: 0; right: 109px; height: 48px; }
.rb3 { top: 0; right: 218px; height: 48px; }
.rb4 { top: 0; right: 327px; height: 72px; }
.rb5 { top: 48px; left: 96px; height: 24px; }
.rb6 { top: 48px; left: 192px; height: 24px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes is the same.</div>
<div dir="rtl">
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
</div>
</body></html>

19
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-001.htm Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: start, direction: rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { text-align: start; direction: rtl; }
/* the CSS below is not part of the test */
.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 24px; }
#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div>
<div class="ref"><div id="rb1"></div></div>
<div class="ref"><div id="rb1"></div></div>
</body></html>

21
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-002.htm Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: start, direction: ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { text-align: start; direction: ltr; }
/* the CSS below is not part of the test */
.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 24px; }
#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div>
<div style="direction: rtl;">
<div class="ref"><div id="rb1"></div></div>
<div class="ref"><div id="rb1"></div></div>
</div>
</body></html>

19
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-003.htm Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: start, dir=rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { text-align: start; }
/* the CSS below is not part of the test */
.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 24px; }
#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes is identical.</div>
<div class="ref"><div id="rb1"></div></div>
<div class="ref"><div id="rb1"></div></div>
</body></html>

21
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-004.htm Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: start, dir=ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { text-align: start; }
/* the CSS below is not part of the test */
.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 24px; }
#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes is identical.</div>
<div dir="rtl">
<div class="ref"><div id="rb1"></div></div>
<div class="ref"><div id="rb1"></div></div>
</div>
</body></html>

21
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-005.htm Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: start, direction: rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { text-align: start; direction: rtl; }
/* the CSS below is not part of the test */
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 72px; }
.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; }
.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; }
.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
</body></html>

23
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-006.htm Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: start, direction: ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { text-align: start; direction: ltr; }
/* the CSS below is not part of the test */
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 72px; }
.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; }
.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; }
.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes is identical.</div>
<div style="direction: rtl;">
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
</div>
</body></html>

21
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-007.htm Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: start, dir=rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { text-align: start; }
/* the CSS below is not part of the test */
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 72px; }
.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; }
.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; }
.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; }
</style>
</head>
<body>
<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
</body></html>

23
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-008.htm Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: start, dir=ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { text-align: start; }
/* the CSS below is not part of the test */
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 72px; }
.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; }
.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; }
.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; }
</style>
</head>
<body>
<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
<div dir="rtl">
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
</div>
</body></html>

21
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-009.htm Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: start, dir=auto, RTL first strong</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { text-align: start; }
/* the CSS below is not part of the test */
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 72px; }
.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; }
.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; }
.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; }
</style>
</head>
<body>
<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
</body></html>

23
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-010.htm Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: start, dir=auto, LTR first strong</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { text-align: start; }
/* the CSS below is not part of the test */
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 72px; }
.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; }
.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; }
.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; }
</style>
</head>
<body>
<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
<div dir="rtl">
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
</div>
</body></html>

21
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-014.htm Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: start, pre, dir=rtl inherited</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { text-align: start; }
/* the CSS below is not part of the test */
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 48px; }
#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 48px; }
</style>
</head>
<body>
<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
<div dir="rtl">
<div class="ref"><div id="rb1"></div></div>
<div class="ref"><div id="rb1"></div></div>
</div>
</body></html>

21
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-015.htm Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: start, pre, dir=ltr inherited</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { text-align: start; }
/* the CSS below is not part of the test */
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 48px; }
#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 48px; }
</style>
</head>
<body>
<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
<div dir="ltr">
<div class="ref"><div id="rb1"></div></div>
<div class="ref"><div id="rb1"></div></div>
</div>
</body></html>

20
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-016.htm Normal file
View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: start, pre, dir=auto</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { text-align: start; }
/* the CSS below is not part of the test */
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 48px; }
.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 24px; }
.rb2 { position: absolute; bottom: 0; right: 0; background-color: orange; width: 72px; height: 24px; }
</style>
</head>
<body>
<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div></div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div></div>
</body></html>

19
tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-017.htm Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: start, pre, dir=auto on surrounding block</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<style type="text/css">
.test { text-align: start; }
/* the CSS below is not part of the test */
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 48px; }
#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 48px; }
</style>
</head>
<body>
<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
<div class="ref"><div id="rb1"></div></div>
<div class="ref"><div id="rb1"></div></div>
</body></html>

80
tests/wpt/css-tests/css-text-3_dev/html/reftest-toc.htm
View file

@ -4204,7 +4204,7 @@
<tr>
<td rowspan="1" title="text-align: end, direction: rtl">
<a href="text-align-end-001.htm">text-align-end-001</a></td>
<td><a href="reference/text-align-end-001.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-001.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4212,7 +4212,7 @@
<tr>
<td rowspan="1" title="text-align: end, direction: ltr">
<a href="text-align-end-002.htm">text-align-end-002</a></td>
<td><a href="reference/text-align-end-002.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-002.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4220,7 +4220,7 @@
<tr>
<td rowspan="1" title="text-align: end, dir=rtl">
<a href="text-align-end-003.htm">text-align-end-003</a></td>
<td><a href="reference/text-align-end-003.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-003.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4228,7 +4228,7 @@
<tr>
<td rowspan="1" title="text-align: end, dir=ltr">
<a href="text-align-end-004.htm">text-align-end-004</a></td>
<td><a href="reference/text-align-end-004.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-004.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4236,7 +4236,7 @@
<tr>
<td rowspan="1" title="text-align: end, direction: rtl">
<a href="text-align-end-005.htm">text-align-end-005</a></td>
<td><a href="reference/text-align-end-005.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-005.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4244,7 +4244,7 @@
<tr>
<td rowspan="1" title="text-align: end, direction: ltr">
<a href="text-align-end-006.htm">text-align-end-006</a></td>
<td><a href="reference/text-align-end-006.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-006.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4252,7 +4252,7 @@
<tr>
<td rowspan="1" title="text-align: end, dir=rtl">
<a href="text-align-end-007.htm">text-align-end-007</a></td>
<td><a href="reference/text-align-end-007.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-007.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4260,7 +4260,7 @@
<tr>
<td rowspan="1" title="text-align: end, dir=ltr">
<a href="text-align-end-008.htm">text-align-end-008</a></td>
<td><a href="reference/text-align-end-008.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-008.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4268,7 +4268,7 @@
<tr>
<td rowspan="1" title="text-align: end, dir=auto, RTL first strong">
<a href="text-align-end-009.htm">text-align-end-009</a></td>
<td><a href="reference/text-align-end-009.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-009.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4276,7 +4276,7 @@
<tr>
<td rowspan="1" title="text-align: end, dir=auto, LTR first strong">
<a href="text-align-end-010.htm">text-align-end-010</a></td>
<td><a href="reference/text-align-end-010.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-010.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4284,7 +4284,7 @@
<tr>
<td rowspan="1" title="text-align: end, pre, dir=rtl inherited">
<a href="text-align-end-014.htm">text-align-end-014</a></td>
<td><a href="reference/text-align-end-014.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-014.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4292,7 +4292,7 @@
<tr>
<td rowspan="1" title="text-align: end, pre, dir=ltr inherited">
<a href="text-align-end-015.htm">text-align-end-015</a></td>
<td><a href="reference/text-align-end-015.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-015.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4300,7 +4300,7 @@
<tr>
<td rowspan="1" title="text-align: end, pre, dir=auto">
<a href="text-align-end-016.htm">text-align-end-016</a></td>
<td><a href="reference/text-align-end-016.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-016.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4308,7 +4308,7 @@
<tr>
<td rowspan="1" title="text-align: end, pre, dir=auto on surrounding block">
<a href="text-align-end-017.htm">text-align-end-017</a></td>
<td><a href="reference/text-align-end-017.htm">=</a> </td>
<td><a href="reference/text-align-end-ref-017.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4316,7 +4316,7 @@
<tr>
<td rowspan="1" title="text-align: justify, direction: rtl">
<a href="text-align-justify-001.htm">text-align-justify-001</a></td>
<td><a href="reference/text-align-justify-001.htm">=</a> </td>
<td><a href="reference/text-align-justify-ref-001.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4324,7 +4324,7 @@
<tr>
<td rowspan="1" title="text-align: justify, direction: ltr">
<a href="text-align-justify-002.htm">text-align-justify-002</a></td>
<td><a href="reference/text-align-justify-002.htm">=</a> </td>
<td><a href="reference/text-align-justify-ref-002.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4332,7 +4332,7 @@
<tr>
<td rowspan="1" title="text-align: justify, dir=rtl">
<a href="text-align-justify-003.htm">text-align-justify-003</a></td>
<td><a href="reference/text-align-justify-003.htm">=</a> </td>
<td><a href="reference/text-align-justify-ref-003.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4340,7 +4340,7 @@
<tr>
<td rowspan="1" title="text-align: justify, dir=ltr">
<a href="text-align-justify-004.htm">text-align-justify-004</a></td>
<td><a href="reference/text-align-justify-004.htm">=</a> </td>
<td><a href="reference/text-align-justify-ref-004.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4348,7 +4348,7 @@
<tr>
<td rowspan="1" title="text-align: justify, dir=auto, RTL first strong">
<a href="text-align-justify-005.htm">text-align-justify-005</a></td>
<td><a href="reference/text-align-justify-005.htm">=</a> </td>
<td><a href="reference/text-align-justify-ref-005.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4356,7 +4356,7 @@
<tr>
<td rowspan="1" title="text-align: justify, dir=auto, LTR first strong">
<a href="text-align-justify-006.htm">text-align-justify-006</a></td>
<td><a href="reference/text-align-justify-006.htm">=</a> </td>
<td><a href="reference/text-align-justify-ref-006.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4364,7 +4364,7 @@
<tr>
<td rowspan="1" title="text-align: justify-all, direction: rtl">
<a href="text-align-justifyall-001.htm">text-align-justifyall-001</a></td>
<td><a href="reference/text-align-justifyall-001.htm">=</a> </td>
<td><a href="reference/text-align-justifyall-ref-001.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4372,7 +4372,7 @@
<tr>
<td rowspan="1" title="text-align: justify-all, direction: ltr">
<a href="text-align-justifyall-002.htm">text-align-justifyall-002</a></td>
<td><a href="reference/text-align-justifyall-002.htm">=</a> </td>
<td><a href="reference/text-align-justifyall-ref-002.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4380,7 +4380,7 @@
<tr>
<td rowspan="1" title="text-align: justify-all, dir=rtl">
<a href="text-align-justifyall-003.htm">text-align-justifyall-003</a></td>
<td><a href="reference/text-align-justifyall-003.htm">=</a> </td>
<td><a href="reference/text-align-justifyall-ref-003.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4388,7 +4388,7 @@
<tr>
<td rowspan="1" title="text-align: justify-all, dir=ltr">
<a href="text-align-justifyall-004.htm">text-align-justifyall-004</a></td>
<td><a href="reference/text-align-justifyall-004.htm">=</a> </td>
<td><a href="reference/text-align-justifyall-ref-004.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4396,7 +4396,7 @@
<tr>
<td rowspan="1" title="text-align: justify-all, dir=auto, RTL first strong">
<a href="text-align-justifyall-005.htm">text-align-justifyall-005</a></td>
<td><a href="reference/text-align-justifyall-005.htm">=</a> </td>
<td><a href="reference/text-align-justifyall-ref-005.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4404,7 +4404,7 @@
<tr>
<td rowspan="1" title="text-align: justify-all, dir=auto, LTR first strong">
<a href="text-align-justifyall-006.htm">text-align-justifyall-006</a></td>
<td><a href="reference/text-align-justifyall-006.htm">=</a> </td>
<td><a href="reference/text-align-justifyall-ref-006.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4468,7 +4468,7 @@
<tr>
<td rowspan="1" title="text-align: start, direction: rtl">
<a href="text-align-start-001.htm">text-align-start-001</a></td>
<td><a href="reference/text-align-start-001.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-001.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4476,7 +4476,7 @@
<tr>
<td rowspan="1" title="text-align: start, direction: ltr">
<a href="text-align-start-002.htm">text-align-start-002</a></td>
<td><a href="reference/text-align-start-002.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-002.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4484,7 +4484,7 @@
<tr>
<td rowspan="1" title="text-align: start, dir=rtl">
<a href="text-align-start-003.htm">text-align-start-003</a></td>
<td><a href="reference/text-align-start-003.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-003.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4492,7 +4492,7 @@
<tr>
<td rowspan="1" title="text-align: start, dir=ltr">
<a href="text-align-start-004.htm">text-align-start-004</a></td>
<td><a href="reference/text-align-start-004.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-004.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4500,7 +4500,7 @@
<tr>
<td rowspan="1" title="text-align: start, direction: rtl">
<a href="text-align-start-005.htm">text-align-start-005</a></td>
<td><a href="reference/text-align-start-005.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-005.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4508,7 +4508,7 @@
<tr>
<td rowspan="1" title="text-align: start, direction: ltr">
<a href="text-align-start-006.htm">text-align-start-006</a></td>
<td><a href="reference/text-align-start-006.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-006.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4516,7 +4516,7 @@
<tr>
<td rowspan="1" title="text-align: start, dir=rtl">
<a href="text-align-start-007.htm">text-align-start-007</a></td>
<td><a href="reference/text-align-start-007.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-007.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4524,7 +4524,7 @@
<tr>
<td rowspan="1" title="text-align: start, dir=ltr">
<a href="text-align-start-008.htm">text-align-start-008</a></td>
<td><a href="reference/text-align-start-008.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-008.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4532,7 +4532,7 @@
<tr>
<td rowspan="1" title="text-align: start, dir=auto, RTL first strong">
<a href="text-align-start-009.htm">text-align-start-009</a></td>
<td><a href="reference/text-align-start-009.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-009.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4540,7 +4540,7 @@
<tr>
<td rowspan="1" title="text-align: start, dir=auto, LTR first strong">
<a href="text-align-start-010.htm">text-align-start-010</a></td>
<td><a href="reference/text-align-start-010.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-010.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4548,7 +4548,7 @@
<tr>
<td rowspan="1" title="text-align: start, pre, dir=rtl inherited">
<a href="text-align-start-014.htm">text-align-start-014</a></td>
<td><a href="reference/text-align-start-014.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-014.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4556,7 +4556,7 @@
<tr>
<td rowspan="1" title="text-align: start, pre, dir=ltr inherited">
<a href="text-align-start-015.htm">text-align-start-015</a></td>
<td><a href="reference/text-align-start-015.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-015.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4564,7 +4564,7 @@
<tr>
<td rowspan="1" title="text-align: start, pre, dir=auto">
<a href="text-align-start-016.htm">text-align-start-016</a></td>
<td><a href="reference/text-align-start-016.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-016.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
@ -4572,7 +4572,7 @@
<tr>
<td rowspan="1" title="text-align: start, pre, dir=auto on surrounding block">
<a href="text-align-start-017.htm">text-align-start-017</a></td>
<td><a href="reference/text-align-start-017.htm">=</a> </td>
<td><a href="reference/text-align-start-ref-017.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>

80
tests/wpt/css-tests/css-text-3_dev/html/reftest.list
View file

@ -521,32 +521,32 @@ tab-size-percent-001.htm == reference/tab-size-length-001-ref.htm
text-align-006.htm == reference/text-align-006-ref.htm
text-align-007.htm == reference/text-align-007-ref.htm
text-align-008.htm == reference/text-align-007-ref.htm
text-align-end-001.htm == reference/text-align-end-001.htm
text-align-end-002.htm == reference/text-align-end-002.htm
text-align-end-003.htm == reference/text-align-end-003.htm
text-align-end-004.htm == reference/text-align-end-004.htm
text-align-end-005.htm == reference/text-align-end-005.htm
text-align-end-006.htm == reference/text-align-end-006.htm
text-align-end-007.htm == reference/text-align-end-007.htm
text-align-end-008.htm == reference/text-align-end-008.htm
text-align-end-009.htm == reference/text-align-end-009.htm
text-align-end-010.htm == reference/text-align-end-010.htm
text-align-end-014.htm == reference/text-align-end-014.htm
text-align-end-015.htm == reference/text-align-end-015.htm
text-align-end-016.htm == reference/text-align-end-016.htm
text-align-end-017.htm == reference/text-align-end-017.htm
text-align-justify-001.htm == reference/text-align-justify-001.htm
text-align-justify-002.htm == reference/text-align-justify-002.htm
text-align-justify-003.htm == reference/text-align-justify-003.htm
text-align-justify-004.htm == reference/text-align-justify-004.htm
text-align-justify-005.htm == reference/text-align-justify-005.htm
text-align-justify-006.htm == reference/text-align-justify-006.htm
text-align-justifyall-001.htm == reference/text-align-justifyall-001.htm
text-align-justifyall-002.htm == reference/text-align-justifyall-002.htm
text-align-justifyall-003.htm == reference/text-align-justifyall-003.htm
text-align-justifyall-004.htm == reference/text-align-justifyall-004.htm
text-align-justifyall-005.htm == reference/text-align-justifyall-005.htm
text-align-justifyall-006.htm == reference/text-align-justifyall-006.htm
text-align-end-001.htm == reference/text-align-end-ref-001.htm
text-align-end-002.htm == reference/text-align-end-ref-002.htm
text-align-end-003.htm == reference/text-align-end-ref-003.htm
text-align-end-004.htm == reference/text-align-end-ref-004.htm
text-align-end-005.htm == reference/text-align-end-ref-005.htm
text-align-end-006.htm == reference/text-align-end-ref-006.htm
text-align-end-007.htm == reference/text-align-end-ref-007.htm
text-align-end-008.htm == reference/text-align-end-ref-008.htm
text-align-end-009.htm == reference/text-align-end-ref-009.htm
text-align-end-010.htm == reference/text-align-end-ref-010.htm
text-align-end-014.htm == reference/text-align-end-ref-014.htm
text-align-end-015.htm == reference/text-align-end-ref-015.htm
text-align-end-016.htm == reference/text-align-end-ref-016.htm
text-align-end-017.htm == reference/text-align-end-ref-017.htm
text-align-justify-001.htm == reference/text-align-justify-ref-001.htm
text-align-justify-002.htm == reference/text-align-justify-ref-002.htm
text-align-justify-003.htm == reference/text-align-justify-ref-003.htm
text-align-justify-004.htm == reference/text-align-justify-ref-004.htm
text-align-justify-005.htm == reference/text-align-justify-ref-005.htm
text-align-justify-006.htm == reference/text-align-justify-ref-006.htm
text-align-justifyall-001.htm == reference/text-align-justifyall-ref-001.htm
text-align-justifyall-002.htm == reference/text-align-justifyall-ref-002.htm
text-align-justifyall-003.htm == reference/text-align-justifyall-ref-003.htm
text-align-justifyall-004.htm == reference/text-align-justifyall-ref-004.htm
text-align-justifyall-005.htm == reference/text-align-justifyall-ref-005.htm
text-align-justifyall-006.htm == reference/text-align-justifyall-ref-006.htm
text-align-last-010.htm == reference/text-align-last-010-ref.htm
text-align-last-011.htm == reference/text-align-last-010-ref.htm
text-align-match-parent-02.htm == reference/text-align-match-parent-ref.htm
@ -554,20 +554,20 @@ text-align-match-parent-03.htm == reference/text-align-match-parent-ref.htm
text-align-match-parent-04.htm == reference/text-align-match-parent-ref.htm
text-align-match-parent-root-ltr.htm == reference/text-align-match-parent-root-ltr-ref.htm
text-align-match-parent-root-rtl.htm == reference/text-align-match-parent-root-rtl-ref.htm
text-align-start-001.htm == reference/text-align-start-001.htm
text-align-start-002.htm == reference/text-align-start-002.htm
text-align-start-003.htm == reference/text-align-start-003.htm
text-align-start-004.htm == reference/text-align-start-004.htm
text-align-start-005.htm == reference/text-align-start-005.htm
text-align-start-006.htm == reference/text-align-start-006.htm
text-align-start-007.htm == reference/text-align-start-007.htm
text-align-start-008.htm == reference/text-align-start-008.htm
text-align-start-009.htm == reference/text-align-start-009.htm
text-align-start-010.htm == reference/text-align-start-010.htm
text-align-start-014.htm == reference/text-align-start-014.htm
text-align-start-015.htm == reference/text-align-start-015.htm
text-align-start-016.htm == reference/text-align-start-016.htm
text-align-start-017.htm == reference/text-align-start-017.htm
text-align-start-001.htm == reference/text-align-start-ref-001.htm
text-align-start-002.htm == reference/text-align-start-ref-002.htm
text-align-start-003.htm == reference/text-align-start-ref-003.htm
text-align-start-004.htm == reference/text-align-start-ref-004.htm
text-align-start-005.htm == reference/text-align-start-ref-005.htm
text-align-start-006.htm == reference/text-align-start-ref-006.htm
text-align-start-007.htm == reference/text-align-start-ref-007.htm
text-align-start-008.htm == reference/text-align-start-ref-008.htm
text-align-start-009.htm == reference/text-align-start-ref-009.htm
text-align-start-010.htm == reference/text-align-start-ref-010.htm
text-align-start-014.htm == reference/text-align-start-ref-014.htm
text-align-start-015.htm == reference/text-align-start-ref-015.htm
text-align-start-016.htm == reference/text-align-start-ref-016.htm
text-align-start-017.htm == reference/text-align-start-ref-017.htm
text-emphasis-color-001.htm == reference/text-emphasis-color-001-ref.htm
text-emphasis-position-above-left-001.htm == reference/text-emphasis-position-above-left-001-ref.htm
text-emphasis-position-above-left-002.htm == reference/text-emphasis-position-above-left-002-ref.htm

BIN
tests/wpt/css-tests/css-text-3_dev/html/support/adobe-fonts/CSSHWOrientationTest.otf
View file

Binary file not shown.

17
tests/wpt/css-tests/css-text-3_dev/html/support/adobe-fonts/README.md
View file

@ -3,7 +3,8 @@ CSS Orientation Test
Overview
----
CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool.
CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files
that were used to build these OpenType fonts by using the AFDKO *makeotf* tool.
Getting Involved
----
@ -14,20 +15,26 @@ Building
Pre-built font binaries
----
The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/).
The installable font resources (font binaries) are not part of the source files.
They are available at https://github.com/adobe-fonts/css-orientation-test/
The latest version of the font binaries is 1.005 (October 2015).
Requirements
----
For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications.
For building binary font files from source, installation of the
[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO)
is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications.
Building the fonts
----
The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*.
The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found
by executing *makeotf -h*.
In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table:
In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font
for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table:
% makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H
% sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-end-001.htm
View file

@ -4,7 +4,7 @@
<title>text-align: end, direction: rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-end-001.htm" rel="match">
<link href="reference/text-align-end-ref-001.htm" rel="match">
<meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl." name="assert">
<style type="text/css">
.test { text-align: end; direction: rtl; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-end-002.htm
View file

@ -4,7 +4,7 @@
<title>text-align: end, direction: ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-end-002.htm" rel="match">
<link href="reference/text-align-end-ref-002.htm" rel="match">
<meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr." name="assert">
<style type="text/css">
.test { text-align: end; direction: ltr; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-end-003.htm
View file

@ -4,7 +4,7 @@
<title>text-align: end, dir=rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-end-003.htm" rel="match">
<link href="reference/text-align-end-ref-003.htm" rel="match">
<meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl." name="assert">
<style type="text/css">
.test { text-align: end; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-end-004.htm
View file

@ -4,7 +4,7 @@
<title>text-align: end, dir=ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-end-004.htm" rel="match">
<link href="reference/text-align-end-ref-004.htm" rel="match">
<meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr." name="assert">
<style type="text/css">
.test { text-align: end; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-end-005.htm
View file

@ -4,7 +4,7 @@
<title>text-align: end, direction: rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-end-005.htm" rel="match">
<link href="reference/text-align-end-ref-005.htm" rel="match">
<meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl." name="assert">
<style type="text/css">
.test { text-align: end; direction: rtl; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-end-006.htm
View file

@ -4,7 +4,7 @@
<title>text-align: end, direction: ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-end-006.htm" rel="match">
<link href="reference/text-align-end-ref-006.htm" rel="match">
<meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr." name="assert">
<style type="text/css">
.test { text-align: end; direction: ltr; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-end-007.htm
View file

@ -4,7 +4,7 @@
<title>text-align: end, dir=rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-end-007.htm" rel="match">
<link href="reference/text-align-end-ref-007.htm" rel="match">
<meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl." name="assert">
<style type="text/css">
.test { text-align: end; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-end-008.htm
View file

@ -4,7 +4,7 @@
<title>text-align: end, dir=ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-end-008.htm" rel="match">
<link href="reference/text-align-end-ref-008.htm" rel="match">
<meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr." name="assert">
<style type="text/css">
.test { text-align: end; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-end-009.htm
View file

@ -4,7 +4,7 @@
<title>text-align: end, dir=auto, RTL first strong</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-end-009.htm" rel="match">
<link href="reference/text-align-end-ref-009.htm" rel="match">
<meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is auto and first strong character is rtl." name="assert">
<style type="text/css">
.test { text-align: end; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-end-010.htm
View file

@ -4,7 +4,7 @@
<title>text-align: end, dir=auto, LTR first strong</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-end-010.htm" rel="match">
<link href="reference/text-align-end-ref-010.htm" rel="match">
<meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is auto and first strong character is ltr." name="assert">
<style type="text/css">
.test { text-align: end; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-end-014.htm
View file

@ -4,7 +4,7 @@
<title>text-align: end, pre, dir=rtl inherited</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-end-014.htm" rel="match">
<link href="reference/text-align-end-ref-014.htm" rel="match">
<meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when base direction is rtl." name="assert">
<style type="text/css">
.test { text-align: end; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-end-015.htm
View file

@ -4,7 +4,7 @@
<title>text-align: end, pre, dir=ltr inherited</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-end-015.htm" rel="match">
<link href="reference/text-align-end-ref-015.htm" rel="match">
<meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when base direction is ltr." name="assert">
<style type="text/css">
.test { text-align: end; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-end-016.htm
View file

@ -4,7 +4,7 @@
<title>text-align: end, pre, dir=auto</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-end-016.htm" rel="match">
<link href="reference/text-align-end-ref-016.htm" rel="match">
<meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is auto and first strong character is ltr, and left when first strong is rtl." name="assert">
<style type="text/css">
.test { text-align: end; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-end-017.htm
View file

@ -4,7 +4,7 @@
<title>text-align: end, pre, dir=auto on surrounding block</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-end-017.htm" rel="match">
<link href="reference/text-align-end-ref-017.htm" rel="match">
<meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. since dir=auto is not inherited by pre, to right in ltr context." name="assert">
<style type="text/css">
.test { text-align: end; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-001.htm
View file

@ -2,7 +2,7 @@
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: justify, direction: rtl</title>
<link href="reference/text-align-justify-001.htm" rel="match">
<link href="reference/text-align-justify-ref-001.htm" rel="match">
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right." name="assert">

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-002.htm
View file

@ -2,7 +2,7 @@
<html lang="en"><head>
<meta charset="utf-8">
<title>text-align: justify, direction: ltr</title>
<link href="reference/text-align-justify-002.htm" rel="match">
<link href="reference/text-align-justify-ref-002.htm" rel="match">
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left." name="assert">

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-003.htm
View file

@ -4,7 +4,7 @@
<title>text-align: justify, dir=rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-justify-003.htm" rel="match">
<link href="reference/text-align-justify-ref-003.htm" rel="match">
<meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right." name="assert">
<style type="text/css">
.test { text-align: justify; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-004.htm
View file

@ -4,7 +4,7 @@
<title>text-align: justify, dir=ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-justify-004.htm" rel="match">
<link href="reference/text-align-justify-ref-004.htm" rel="match">
<meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left." name="assert">
<style type="text/css">
.test { text-align: justify; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-005.htm
View file

@ -4,7 +4,7 @@
<title>text-align: justify, dir=auto, RTL first strong</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-justify-005.htm" rel="match">
<link href="reference/text-align-justify-ref-005.htm" rel="match">
<meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right." name="assert">
<style type="text/css">
.test { text-align: justify; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-006.htm
View file

@ -4,7 +4,7 @@
<title>text-align: justify, dir=auto, LTR first strong</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-justify-006.htm" rel="match">
<link href="reference/text-align-justify-ref-006.htm" rel="match">
<meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left." name="assert">
<style type="text/css">
.test { text-align: justify; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-001.htm
View file

@ -4,7 +4,7 @@
<title>text-align: justify-all, direction: rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-justifyall-001.htm" rel="match">
<link href="reference/text-align-justifyall-ref-001.htm" rel="match">
<meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert">
<style type="text/css">
.test { text-align: justify-all; direction: rtl; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-002.htm
View file

@ -4,7 +4,7 @@
<title>text-align: justify-all, direction: ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-justifyall-002.htm" rel="match">
<link href="reference/text-align-justifyall-ref-002.htm" rel="match">
<meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert">
<style type="text/css">
.test { text-align: justify-all; direction: ltr; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-003.htm
View file

@ -4,7 +4,7 @@
<title>text-align: justify-all, dir=rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-justifyall-003.htm" rel="match">
<link href="reference/text-align-justifyall-ref-003.htm" rel="match">
<meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert">
<style type="text/css">
.test { text-align: justify-all; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-004.htm
View file

@ -3,7 +3,7 @@
<meta charset="utf-8">
<title>text-align: justify-all, dir=ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="reference/text-align-justifyall-004.htm" rel="match">
<link href="reference/text-align-justifyall-ref-004.htm" rel="match">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert">
<style type="text/css">

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-005.htm
View file

@ -4,7 +4,7 @@
<title>text-align: justify-all, dir=auto, RTL first strong</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-justifyall-005.htm" rel="match">
<link href="reference/text-align-justifyall-ref-005.htm" rel="match">
<meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert">
<style type="text/css">
.test { text-align: justify-all; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-006.htm
View file

@ -4,7 +4,7 @@
<title>text-align: justify-all, dir=auto, LTR first strong</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-justifyall-006.htm" rel="match">
<link href="reference/text-align-justifyall-ref-006.htm" rel="match">
<meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert">
<style type="text/css">
.test { text-align: justify-all; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-start-001.htm
View file

@ -4,7 +4,7 @@
<title>text-align: start, direction: rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-start-001.htm" rel="match">
<link href="reference/text-align-start-ref-001.htm" rel="match">
<meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl." name="assert">
<style type="text/css">
.test { text-align: start; direction: rtl; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-start-002.htm
View file

@ -4,7 +4,7 @@
<title>text-align: start, direction: ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-start-002.htm" rel="match">
<link href="reference/text-align-start-ref-002.htm" rel="match">
<meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr." name="assert">
<style type="text/css">
.test { text-align: start; direction: ltr; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-start-003.htm
View file

@ -4,7 +4,7 @@
<title>text-align: start, dir=rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-start-003.htm" rel="match">
<link href="reference/text-align-start-ref-003.htm" rel="match">
<meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl." name="assert">
<style type="text/css">
.test { text-align: start; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-start-004.htm
View file

@ -4,7 +4,7 @@
<title>text-align: start, dir=ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-start-004.htm" rel="match">
<link href="reference/text-align-start-ref-004.htm" rel="match">
<meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr." name="assert">
<style type="text/css">
.test { text-align: start; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-start-005.htm
View file

@ -4,7 +4,7 @@
<title>text-align: start, direction: rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-start-005.htm" rel="match">
<link href="reference/text-align-start-ref-005.htm" rel="match">
<meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl." name="assert">
<style type="text/css">
.test { text-align: start; direction: rtl; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-start-006.htm
View file

@ -4,7 +4,7 @@
<title>text-align: start, direction: ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-start-006.htm" rel="match">
<link href="reference/text-align-start-ref-006.htm" rel="match">
<meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr." name="assert">
<style type="text/css">
.test { text-align: start; direction: ltr; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-start-007.htm
View file

@ -4,7 +4,7 @@
<title>text-align: start, dir=rtl</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-start-007.htm" rel="match">
<link href="reference/text-align-start-ref-007.htm" rel="match">
<meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl." name="assert">
<style type="text/css">
.test { text-align: start; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-start-008.htm
View file

@ -4,7 +4,7 @@
<title>text-align: start, dir=ltr</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-start-008.htm" rel="match">
<link href="reference/text-align-start-ref-008.htm" rel="match">
<meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr." name="assert">
<style type="text/css">
.test { text-align: start; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-start-009.htm
View file

@ -4,7 +4,7 @@
<title>text-align: start, dir=auto, RTL first strong</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-start-009.htm" rel="match">
<link href="reference/text-align-start-ref-009.htm" rel="match">
<meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is auto and first strong character is rtl." name="assert">
<style type="text/css">
.test { text-align: start; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-start-010.htm
View file

@ -4,7 +4,7 @@
<title>text-align: start, dir=auto, LTR first strong</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-start-010.htm" rel="match">
<link href="reference/text-align-start-ref-010.htm" rel="match">
<meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is auto and first strong character is ltr." name="assert">
<style type="text/css">
.test { text-align: start; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-start-014.htm
View file

@ -4,7 +4,7 @@
<title>text-align: start, pre, dir=rtl inherited</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-start-014.htm" rel="match">
<link href="reference/text-align-start-ref-014.htm" rel="match">
<meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when base direction is rtl." name="assert">
<style type="text/css">
.test { text-align: start; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-start-015.htm
View file

@ -4,7 +4,7 @@
<title>text-align: start, pre, dir=ltr inherited</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-start-015.htm" rel="match">
<link href="reference/text-align-start-ref-015.htm" rel="match">
<meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when base direction is ltr." name="assert">
<style type="text/css">
.test { text-align: start; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-start-016.htm
View file

@ -4,7 +4,7 @@
<title>text-align: start, pre, dir=auto</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-start-016.htm" rel="match">
<link href="reference/text-align-start-ref-016.htm" rel="match">
<meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is auto and first strong character is ltr, and right when first strong is rtl." name="assert">
<style type="text/css">
.test { text-align: start; }

2
tests/wpt/css-tests/css-text-3_dev/html/text-align-start-017.htm
View file

@ -4,7 +4,7 @@
<title>text-align: start, pre, dir=auto on surrounding block</title>
<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
<link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
<link href="reference/text-align-start-017.htm" rel="match">
<link href="reference/text-align-start-ref-017.htm" rel="match">
<meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. since dir=auto is not inherited by pre, to left in ltr context." name="assert">
<style type="text/css">
.test { text-align: start; }