mirror of
https://github.com/servo/servo.git
synced 2025-08-07 22:45:34 +01:00
Update CSS tests to revision c8ec30de8099360ecf6581035bfdf2180fcc9755
Necessary for: https://github.com/servo/servo/pull/7117
This commit is contained in:
Corey Farwell
parent
e46499a5df
commit
c51deb9a6e
156 changed files with 13569 additions and 535 deletions
|
|
@ -0,0 +1,68 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
direction: ltr;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
td#five
|
||||
{
|
||||
border-bottom-color: green;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 100px;
|
||||
}
|
||||
|
||||
td#six
|
||||
{
|
||||
border-top-color: red;
|
||||
border-top-style: solid;
|
||||
border-top-width: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td></td> <td id="five"></td> <td id="six"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,68 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
direction: ltr;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
td#five
|
||||
{
|
||||
border-right-color: green;
|
||||
border-right-style: solid;
|
||||
border-right-width: 100px;
|
||||
}
|
||||
|
||||
td#eight
|
||||
{
|
||||
border-left-color: red;
|
||||
border-left-style: solid;
|
||||
border-left-width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td></td> <td id="five"></td> <td></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td></td> <td id="eight"></td> <td></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,150 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)</title>
|
||||
|
||||
<!--
|
||||
Original (and horizontal-tb) test is
|
||||
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001a.htm
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
direction: ltr;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
border-style: solid solid solid solid;
|
||||
border-width: 20px 20px 20px 20px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
td#one
|
||||
{
|
||||
border-color: green green green green;
|
||||
}
|
||||
|
||||
td#two
|
||||
{
|
||||
border-color: red green green green;
|
||||
}
|
||||
|
||||
td#three
|
||||
{
|
||||
border-color: red green green green;
|
||||
}
|
||||
|
||||
td#four
|
||||
{
|
||||
border-color: red green green green;
|
||||
}
|
||||
|
||||
|
||||
|
||||
td#five
|
||||
{
|
||||
border-color: green green green red;
|
||||
}
|
||||
|
||||
td#six
|
||||
{
|
||||
border-color: red green green red;
|
||||
}
|
||||
|
||||
td#seven
|
||||
{
|
||||
border-color: red green green red;
|
||||
}
|
||||
|
||||
td#eight
|
||||
{
|
||||
border-color: red green green red;
|
||||
}
|
||||
|
||||
|
||||
|
||||
td#nine
|
||||
{
|
||||
border-color: green green green red;
|
||||
}
|
||||
|
||||
td#ten
|
||||
{
|
||||
border-color: red green green red;
|
||||
}
|
||||
|
||||
td#eleven
|
||||
{
|
||||
border-color: red green green red;
|
||||
}
|
||||
|
||||
td#twelve
|
||||
{
|
||||
border-color: red green green red;
|
||||
}
|
||||
|
||||
|
||||
|
||||
td#thirteen
|
||||
{
|
||||
border-color: green green green red;
|
||||
}
|
||||
|
||||
td#fourteen
|
||||
{
|
||||
border-color: red green green red;
|
||||
}
|
||||
|
||||
td#fifteen
|
||||
{
|
||||
border-color: red green green red;
|
||||
}
|
||||
|
||||
td#sixteen
|
||||
{
|
||||
border-color: red green green red;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,151 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)</title>
|
||||
|
||||
<!--
|
||||
Original (and horizontal-tb) test is
|
||||
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001c.htm
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
direction: ltr;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
border-style: solid none solid none;
|
||||
border-width: 20px 0px 20px 0px;
|
||||
padding: 0px;
|
||||
width: 25px; /* height of each logical row */
|
||||
}
|
||||
|
||||
td#one
|
||||
{
|
||||
border-color: green red green red;
|
||||
}
|
||||
|
||||
td#two
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
|
||||
td#three
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
|
||||
td#four
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
|
||||
|
||||
|
||||
td#five
|
||||
{
|
||||
border-color: green red green red;
|
||||
}
|
||||
|
||||
td#six
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
|
||||
td#seven
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
|
||||
td#eight
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
|
||||
|
||||
|
||||
td#nine
|
||||
{
|
||||
border-color: green red green red;
|
||||
}
|
||||
|
||||
td#ten
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
|
||||
td#eleven
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
|
||||
td#twelve
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
|
||||
|
||||
|
||||
td#thirteen
|
||||
{
|
||||
border-color: green red green red;
|
||||
}
|
||||
|
||||
td#fourteen
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
|
||||
td#fifteen
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
|
||||
td#sixteen
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,145 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: rtl' (complex)</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
direction: rtl;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
border-style: solid solid solid solid;
|
||||
border-width: 20px 20px 20px 20px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
td#one
|
||||
{
|
||||
border-color: green green green green;
|
||||
}
|
||||
|
||||
td#two
|
||||
{
|
||||
border-color: green green red green;
|
||||
}
|
||||
|
||||
td#three
|
||||
{
|
||||
border-color: green green red green;
|
||||
}
|
||||
|
||||
td#four
|
||||
{
|
||||
border-color: green green red green;
|
||||
}
|
||||
|
||||
|
||||
|
||||
td#five
|
||||
{
|
||||
border-color: green green green red;
|
||||
}
|
||||
|
||||
td#six
|
||||
{
|
||||
border-color: green green red red;
|
||||
}
|
||||
|
||||
td#seven
|
||||
{
|
||||
border-color: green green red red;
|
||||
}
|
||||
|
||||
td#eight
|
||||
{
|
||||
border-color: green green red red;
|
||||
}
|
||||
|
||||
|
||||
|
||||
td#nine
|
||||
{
|
||||
border-color: green green green red;
|
||||
}
|
||||
|
||||
td#ten
|
||||
{
|
||||
border-color: green green red red;
|
||||
}
|
||||
|
||||
td#eleven
|
||||
{
|
||||
border-color: green green red red;
|
||||
}
|
||||
|
||||
td#twelve
|
||||
{
|
||||
border-color: green green red red;
|
||||
}
|
||||
|
||||
|
||||
|
||||
td#thirteen
|
||||
{
|
||||
border-color: green green green red;
|
||||
}
|
||||
|
||||
td#fourteen
|
||||
{
|
||||
border-color: green green red red;
|
||||
}
|
||||
|
||||
td#fifteen
|
||||
{
|
||||
border-color: green green red red;
|
||||
}
|
||||
|
||||
td#sixteen
|
||||
{
|
||||
border-color: green green red red;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,186 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table)." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
direction: ltr;
|
||||
height: 20px;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
table#first
|
||||
{
|
||||
border-left: red solid 100px;
|
||||
}
|
||||
|
||||
table#first td
|
||||
{
|
||||
border-left: green solid 100px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
table#second > tbody
|
||||
{
|
||||
border-left: red solid 100px;
|
||||
}
|
||||
|
||||
table#second td
|
||||
{
|
||||
border-left: green solid 100px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
table#third > thead
|
||||
{
|
||||
border-left: red solid 100px;
|
||||
}
|
||||
|
||||
table#third td
|
||||
{
|
||||
border-left: green solid 100px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
table#fourth > tfoot
|
||||
{
|
||||
border-left: red solid 100px;
|
||||
}
|
||||
|
||||
table#fourth td
|
||||
{
|
||||
border-left: green solid 100px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
table#fifth tr
|
||||
{
|
||||
border-left: red solid 100px;
|
||||
}
|
||||
|
||||
table#fifth td
|
||||
{
|
||||
border-left: green solid 100px;
|
||||
}
|
||||
|
||||
div#reference-overlapped-red
|
||||
{
|
||||
background-color: red;
|
||||
bottom: 100px;
|
||||
height: 100px;
|
||||
position: relative;
|
||||
width: 100px;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table id="first">
|
||||
|
||||
<colgroup><col><col></colgroup>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
<table id="second">
|
||||
|
||||
<colgroup><col><col></colgroup>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
<table id="third">
|
||||
|
||||
<colgroup><col><col></colgroup>
|
||||
|
||||
<thead>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
<table id="fourth">
|
||||
|
||||
<colgroup><col><col></colgroup>
|
||||
|
||||
<tfoot>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
</tfoot>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<table id="fifth">
|
||||
|
||||
<colgroup><col><col></colgroup>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
<div id="reference-overlapped-red"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,68 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
direction: ltr;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
td#five
|
||||
{
|
||||
border-bottom-color: green;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 100px;
|
||||
}
|
||||
|
||||
td#six
|
||||
{
|
||||
border-top-color: red;
|
||||
border-top-style: solid;
|
||||
border-top-width: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td></td> <td id="five"></td> <td id="six"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,68 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
direction: ltr;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
td#five
|
||||
{
|
||||
border-left-color: green;
|
||||
border-left-style: solid;
|
||||
border-left-width: 100px;
|
||||
}
|
||||
|
||||
td#eight
|
||||
{
|
||||
border-right-color: red;
|
||||
border-right-style: solid;
|
||||
border-right-width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td></td> <td id="five"></td> <td></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td></td> <td id="eight"></td> <td></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,150 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)</title>
|
||||
|
||||
<!--
|
||||
Original (and horizontal-tb) test is
|
||||
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001a.htm
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
direction: ltr;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
border-style: solid solid solid solid;
|
||||
border-width: 20px 20px 20px 20px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
td#one
|
||||
{
|
||||
border-color: green green green green;
|
||||
}
|
||||
|
||||
td#two
|
||||
{
|
||||
border-color: red green green green;
|
||||
}
|
||||
|
||||
td#three
|
||||
{
|
||||
border-color: red green green green;
|
||||
}
|
||||
|
||||
td#four
|
||||
{
|
||||
border-color: red green green green;
|
||||
}
|
||||
|
||||
|
||||
|
||||
td#five
|
||||
{
|
||||
border-color: green red green green;
|
||||
}
|
||||
|
||||
td#six
|
||||
{
|
||||
border-color: red red green green;
|
||||
}
|
||||
|
||||
td#seven
|
||||
{
|
||||
border-color: red red green green;
|
||||
}
|
||||
|
||||
td#eight
|
||||
{
|
||||
border-color: red red green green;
|
||||
}
|
||||
|
||||
|
||||
|
||||
td#nine
|
||||
{
|
||||
border-color: green red green green;
|
||||
}
|
||||
|
||||
td#ten
|
||||
{
|
||||
border-color: red red green green;
|
||||
}
|
||||
|
||||
td#eleven
|
||||
{
|
||||
border-color: red red green green;
|
||||
}
|
||||
|
||||
td#twelve
|
||||
{
|
||||
border-color: red red green green;
|
||||
}
|
||||
|
||||
|
||||
|
||||
td#thirteen
|
||||
{
|
||||
border-color: green red green green;
|
||||
}
|
||||
|
||||
td#fourteen
|
||||
{
|
||||
border-color: red red green green;
|
||||
}
|
||||
|
||||
td#fifteen
|
||||
{
|
||||
border-color: red red green green;
|
||||
}
|
||||
|
||||
td#sixteen
|
||||
{
|
||||
border-color: red red green green;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,151 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)</title>
|
||||
|
||||
<!--
|
||||
Original (and horizontal-tb) test is
|
||||
http://test.csswg.org/suites/css2.1/nightly-unstable/html4/border-conflict-element-001c.htm
|
||||
-->
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
direction: ltr;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
border-style: solid none solid none;
|
||||
border-width: 20px 0px 20px 0px;
|
||||
padding: 0px;
|
||||
width: 25px; /* height of each logical row */
|
||||
}
|
||||
|
||||
td#one
|
||||
{
|
||||
border-color: green red green red;
|
||||
}
|
||||
|
||||
td#two
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
|
||||
td#three
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
|
||||
td#four
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
|
||||
|
||||
|
||||
td#five
|
||||
{
|
||||
border-color: green red green red;
|
||||
}
|
||||
|
||||
td#six
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
|
||||
td#seven
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
|
||||
td#eight
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
|
||||
|
||||
|
||||
td#nine
|
||||
{
|
||||
border-color: green red green red;
|
||||
}
|
||||
|
||||
td#ten
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
|
||||
td#eleven
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
|
||||
td#twelve
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
|
||||
|
||||
|
||||
td#thirteen
|
||||
{
|
||||
border-color: green red green red;
|
||||
}
|
||||
|
||||
td#fourteen
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
|
||||
td#fifteen
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
|
||||
td#sixteen
|
||||
{
|
||||
border-color: red red green red;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,145 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: rtl' (complex)</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
direction: rtl;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
border-style: solid solid solid solid;
|
||||
border-width: 20px 20px 20px 20px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
td#one
|
||||
{
|
||||
border-color: green green green green;
|
||||
}
|
||||
|
||||
td#two
|
||||
{
|
||||
border-color: green green red green;
|
||||
}
|
||||
|
||||
td#three
|
||||
{
|
||||
border-color: green green red green;
|
||||
}
|
||||
|
||||
td#four
|
||||
{
|
||||
border-color: green green red green;
|
||||
}
|
||||
|
||||
|
||||
|
||||
td#five
|
||||
{
|
||||
border-color: green red green green;
|
||||
}
|
||||
|
||||
td#six
|
||||
{
|
||||
border-color: green red red green;
|
||||
}
|
||||
|
||||
td#seven
|
||||
{
|
||||
border-color: green red red green;
|
||||
}
|
||||
|
||||
td#eight
|
||||
{
|
||||
border-color: green red red green;
|
||||
}
|
||||
|
||||
|
||||
|
||||
td#nine
|
||||
{
|
||||
border-color: green red green green;
|
||||
}
|
||||
|
||||
td#ten
|
||||
{
|
||||
border-color: green red red green;
|
||||
}
|
||||
|
||||
td#eleven
|
||||
{
|
||||
border-color: green red red green;
|
||||
}
|
||||
|
||||
td#twelve
|
||||
{
|
||||
border-color: green red red green;
|
||||
}
|
||||
|
||||
|
||||
|
||||
td#thirteen
|
||||
{
|
||||
border-color: green red green green;
|
||||
}
|
||||
|
||||
td#fourteen
|
||||
{
|
||||
border-color: green red red green;
|
||||
}
|
||||
|
||||
td#fifteen
|
||||
{
|
||||
border-color: green red red green;
|
||||
}
|
||||
|
||||
td#sixteen
|
||||
{
|
||||
border-color: green red red green;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
<td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,186 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Writing Modes Test: Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions" title="6.2 Flow-relative Directions">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
|
||||
<link rel="match" href="reference/ref-filled-green-100px-square.htm">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table)." name="assert">
|
||||
|
||||
<style type="text/css">
|
||||
table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
direction: ltr;
|
||||
height: 20px;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
table#first
|
||||
{
|
||||
border-right: red solid 100px;
|
||||
}
|
||||
|
||||
table#first td
|
||||
{
|
||||
border-right: green solid 100px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
table#second > tbody
|
||||
{
|
||||
border-right: red solid 100px;
|
||||
}
|
||||
|
||||
table#second td
|
||||
{
|
||||
border-right: green solid 100px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
table#third > thead
|
||||
{
|
||||
border-right: red solid 100px;
|
||||
}
|
||||
|
||||
table#third td
|
||||
{
|
||||
border-right: green solid 100px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
table#fourth > tfoot
|
||||
{
|
||||
border-right: red solid 100px;
|
||||
}
|
||||
|
||||
table#fourth td
|
||||
{
|
||||
border-right: green solid 100px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
table#fifth tr
|
||||
{
|
||||
border-right: red solid 100px;
|
||||
}
|
||||
|
||||
table#fifth td
|
||||
{
|
||||
border-right: green solid 100px;
|
||||
}
|
||||
|
||||
div#reference-overlapped-red
|
||||
{
|
||||
background-color: red;
|
||||
bottom: 100px;
|
||||
height: 100px;
|
||||
position: relative;
|
||||
width: 100px;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<table id="first">
|
||||
|
||||
<colgroup><col><col></colgroup>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
<table id="second">
|
||||
|
||||
<colgroup><col><col></colgroup>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
<table id="third">
|
||||
|
||||
<colgroup><col><col></colgroup>
|
||||
|
||||
<thead>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
<table id="fourth">
|
||||
|
||||
<colgroup><col><col></colgroup>
|
||||
|
||||
<tfoot>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
</tfoot>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<table id="fifth">
|
||||
|
||||
<colgroup><col><col></colgroup>
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td></td> <td></td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
<div id="reference-overlapped-red"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
|
||||
<h2>Abstract Box Terminology (22 tests)</h2>
|
||||
<h2>Abstract Box Terminology (34 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
|
|
@ -115,7 +115,139 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#logical-directions">6.2 Flow-relative Directions</a></th></tr>
|
||||
<!-- 4 tests -->
|
||||
<!-- 16 tests -->
|
||||
<tr id="border-conflict-element-vlr-003-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vlr-003.htm">border-conflict-element-vlr-003</a></strong></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)
|
||||
<ul class="assert">
|
||||
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-conflict-element-vlr-005-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vlr-005.htm">border-conflict-element-vlr-005</a></strong></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)
|
||||
<ul class="assert">
|
||||
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-conflict-element-vlr-007-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vlr-007.htm">border-conflict-element-vlr-007</a></strong></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)
|
||||
<ul class="assert">
|
||||
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-conflict-element-vlr-009-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vlr-009.htm">border-conflict-element-vlr-009</a></strong></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)
|
||||
<ul class="assert">
|
||||
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-conflict-element-vlr-011-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vlr-011.htm">border-conflict-element-vlr-011</a></strong></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: rtl' (complex)
|
||||
<ul class="assert">
|
||||
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-conflict-element-vlr-013-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vlr-013.htm">border-conflict-element-vlr-013</a></strong></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)
|
||||
<ul class="assert">
|
||||
<li>This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-conflict-element-vrl-002-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vrl-002.htm">border-conflict-element-vrl-002</a></strong></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)
|
||||
<ul class="assert">
|
||||
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-conflict-element-vrl-004-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vrl-004.htm">border-conflict-element-vrl-004</a></strong></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)
|
||||
<ul class="assert">
|
||||
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-conflict-element-vrl-006-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vrl-006.htm">border-conflict-element-vrl-006</a></strong></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)
|
||||
<ul class="assert">
|
||||
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-conflict-element-vrl-008-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vrl-008.htm">border-conflict-element-vrl-008</a></strong></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)
|
||||
<ul class="assert">
|
||||
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-conflict-element-vrl-010-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vrl-010.htm">border-conflict-element-vrl-010</a></strong></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: rtl' (complex)
|
||||
<ul class="assert">
|
||||
<li>When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="border-conflict-element-vrl-012-6.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="border-conflict-element-vrl-012.htm">border-conflict-element-vrl-012</a></strong></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)
|
||||
<ul class="assert">
|
||||
<li>This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="direction-vlr-003-6.2" class="primary ahem image">
|
||||
<td><strong>
|
||||
<a href="direction-vlr-003.htm">direction-vlr-003</a></strong></td>
|
||||
|
|
|
|||
|
|
@ -10,9 +10,13 @@
|
|||
vertical-align: top;
|
||||
}
|
||||
|
||||
img#blue
|
||||
{
|
||||
padding-left: 60px; /* = the position of blue square */
|
||||
}
|
||||
|
||||
img#orange
|
||||
{
|
||||
padding-top: 60px; /* = the height of first character */
|
||||
padding-left: 120px; /* = the position of orange square */
|
||||
}
|
||||
|
||||
|
|
@ -22,11 +26,11 @@
|
|||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the right edge of an orange square touches the left edge of a blue square.</p>
|
||||
<p>Test passes if the right edge of an blue square is aligned with the left edge of a orange square.</p>
|
||||
|
||||
<div>
|
||||
<img id="orange" src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled"><!--
|
||||
--><img src="support/swatch-blue.png" width="120" height="120" alt="Image download support must be enabled">
|
||||
<img id="blue" src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled"><br><!--
|
||||
--><img id="orange" src="support/swatch-orange.png" width="30" height="30" alt="Image download support must be enabled">
|
||||
</div>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -12,12 +12,12 @@
|
|||
|
||||
img
|
||||
{
|
||||
padding-left: 15px; /* = the position of first orange square */
|
||||
padding-left: 60px; /* = the position of first orange square */
|
||||
}
|
||||
|
||||
img + br + img
|
||||
{
|
||||
padding-left: 45px; /* = the position of second orange square*/
|
||||
padding-left: 60px; /* = the position of second orange square*/
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
@ -25,7 +25,7 @@
|
|||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the <strong>right edge</strong> of an irregular orange polygon is straight and unbroken.</p>
|
||||
<p>Test passes if the <strong>left edge</strong> of an irregular orange polygon is straight and unbroken.</p>
|
||||
|
||||
<div>
|
||||
<img src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled"><br><!--
|
||||
|
|
|
|||
|
|
@ -3336,6 +3336,102 @@
|
|||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="border-conflict-element-vlr-003" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)">
|
||||
<a href="border-conflict-element-vlr-003.htm">border-conflict-element-vlr-003</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="border-conflict-element-vlr-005" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (basic)">
|
||||
<a href="border-conflict-element-vlr-005.htm">border-conflict-element-vlr-005</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="border-conflict-element-vlr-007" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)">
|
||||
<a href="border-conflict-element-vlr-007.htm">border-conflict-element-vlr-007</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="border-conflict-element-vlr-009" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: ltr' (complex)">
|
||||
<a href="border-conflict-element-vlr-009.htm">border-conflict-element-vlr-009</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="border-conflict-element-vlr-011" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-lr' table with 'direction: rtl' (complex)">
|
||||
<a href="border-conflict-element-vlr-011.htm">border-conflict-element-vlr-011</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="border-conflict-element-vlr-013" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)">
|
||||
<a href="border-conflict-element-vlr-013.htm">border-conflict-element-vlr-013</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="border-conflict-element-vrl-002" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)">
|
||||
<a href="border-conflict-element-vrl-002.htm">border-conflict-element-vrl-002</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="border-conflict-element-vrl-004" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (basic)">
|
||||
<a href="border-conflict-element-vrl-004.htm">border-conflict-element-vrl-004</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="border-conflict-element-vrl-006" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)">
|
||||
<a href="border-conflict-element-vrl-006.htm">border-conflict-element-vrl-006</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="border-conflict-element-vrl-008" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: ltr' (complex)">
|
||||
<a href="border-conflict-element-vrl-008.htm">border-conflict-element-vrl-008</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="border-conflict-element-vrl-010" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Border conflict resolution - adjacent cells with same border styles in a 'vertical-rl' table with 'direction: rtl' (complex)">
|
||||
<a href="border-conflict-element-vrl-010.htm">border-conflict-element-vrl-010</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="border-conflict-element-vrl-012" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Border conflict resolution - cell wins over row, cell wins over rowgroup and cell wins over table (compound)">
|
||||
<a href="border-conflict-element-vrl-012.htm">border-conflict-element-vrl-012</a></td>
|
||||
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="border-spacing-vlr-003" class="ahem">
|
||||
<tr>
|
||||
<td rowspan="1" title="border-spacing - first value is specified and non-zero in 'vertical-lr' table">
|
||||
|
|
|
|||
|
|
@ -413,6 +413,18 @@ block-plaintext-001.htm == reference/block-plaintext-001.htm
|
|||
block-plaintext-002.htm == reference/block-plaintext-002.htm
|
||||
block-plaintext-003.htm == reference/block-plaintext-003.htm
|
||||
block-plaintext-004.htm == reference/block-plaintext-004.htm
|
||||
border-conflict-element-vlr-003.htm == reference/ref-filled-green-100px-square.htm
|
||||
border-conflict-element-vlr-005.htm == reference/ref-filled-green-100px-square.htm
|
||||
border-conflict-element-vlr-007.htm == reference/ref-filled-green-100px-square.htm
|
||||
border-conflict-element-vlr-009.htm == reference/ref-filled-green-100px-square.htm
|
||||
border-conflict-element-vlr-011.htm == reference/ref-filled-green-100px-square.htm
|
||||
border-conflict-element-vlr-013.htm == reference/ref-filled-green-100px-square.htm
|
||||
border-conflict-element-vrl-002.htm == reference/ref-filled-green-100px-square.htm
|
||||
border-conflict-element-vrl-004.htm == reference/ref-filled-green-100px-square.htm
|
||||
border-conflict-element-vrl-006.htm == reference/ref-filled-green-100px-square.htm
|
||||
border-conflict-element-vrl-008.htm == reference/ref-filled-green-100px-square.htm
|
||||
border-conflict-element-vrl-010.htm == reference/ref-filled-green-100px-square.htm
|
||||
border-conflict-element-vrl-012.htm == reference/ref-filled-green-100px-square.htm
|
||||
border-spacing-vlr-003.htm == reference/border-spacing-vrl-002-ref.htm
|
||||
border-spacing-vlr-005.htm == reference/border-spacing-vrl-002-ref.htm
|
||||
border-spacing-vrl-002.htm == reference/border-spacing-vrl-002-ref.htm
|
||||
|
|
|
|||
|
|
@ -47,7 +47,7 @@
|
|||
<tbody id="s6">
|
||||
<tr><th><a href="chapter-6.htm">Chapter 6 -
|
||||
Abstract Box Terminology</a></th>
|
||||
<td>(22 Tests)</td></tr>
|
||||
<td>(34 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s7">
|
||||
<tr><th><a href="chapter-7.htm">Chapter 7 -
|
||||
|
|
|
|||
|
|
@ -11,17 +11,16 @@
|
|||
<style type="text/css">
|
||||
div#rl
|
||||
{
|
||||
border-right: blue solid 2em;
|
||||
writing-mode: vertical-rl;
|
||||
font: 3.75em/3 Ahem; /* computes to 60px/180px */
|
||||
color: white;
|
||||
color: blue;
|
||||
}
|
||||
|
||||
span#orange
|
||||
{
|
||||
font-size: 0.5em;
|
||||
color: orange;
|
||||
vertical-align: top;
|
||||
line-height: 1;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
@ -29,7 +28,7 @@
|
|||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the right edge of an orange square touches the left edge of a blue square.</p>
|
||||
<p>Test passes if the right edge of an blue square is aligned with the left edge of a orange square.</p>
|
||||
|
||||
<div id="rl">A<span id="orange">O</span></div>
|
||||
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
div#rl
|
||||
{
|
||||
color: orange;
|
||||
font: 3.75em/1.5 Ahem; /* computes to 60px/90px */
|
||||
font: 3.75em/3 Ahem; /* computes to 60px/90px */
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
|
|
@ -20,7 +20,6 @@
|
|||
{
|
||||
font-size: 0.5em; /* computes to 30px */
|
||||
vertical-align: text-top;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
@ -29,7 +28,7 @@
|
|||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the <strong>right edge</strong> of an irregular orange polygon is straight and unbroken.</p>
|
||||
<p>Test passes if the <strong>left edge</strong> of an irregular orange polygon is straight and unbroken.</p>
|
||||
|
||||
<div id="rl">A<span id="orange30">O</span></div>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue