mirror of
https://github.com/servo/servo
synced 2026-04-28 18:37:39 +02:00
60 lines
2.1 KiB
HTML
60 lines
2.1 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
<title>CSS Test: A spanning cell's rectangle must be as far to the right as possible in an 'rtl' table</title>
|
|
<style type="text/css">
|
|
@page { font: italic 8pt sans-serif; color: gray;
|
|
margin: 7%;
|
|
counter-increment: page;
|
|
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
|
@top-right { content: "Test table-visual-layout-014"; }
|
|
@bottom-right { content: counter(page); }
|
|
}
|
|
</style>
|
|
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
|
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" />
|
|
<meta name="flags" content="" />
|
|
<meta name="assert" content="With 'rtl' tables, the spanning cell's rectangle is as far to the right as possible, but to the left of all cells in the same row that were earlier in source (no overlapping)." />
|
|
<style type="text/css">
|
|
table
|
|
{
|
|
direction: rtl;
|
|
}
|
|
td
|
|
{
|
|
border: 1px solid black;
|
|
height: 100px;
|
|
width: 100px;
|
|
}
|
|
#cell
|
|
{
|
|
background: black;
|
|
}
|
|
.cell
|
|
{
|
|
background: blue;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>Test passes if the black square is to the left of both blue boxes on the page.</p>
|
|
<table>
|
|
<tr>
|
|
<td></td>
|
|
<td class="cell" rowspan="2"></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="cell"></td>
|
|
<td id="cell" rowspan="2" colspan="2"></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html> |