mirror of
https://github.com/servo/servo
synced 2026-04-28 18:37:39 +02:00
58 lines
2.8 KiB
HTML
58 lines
2.8 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: The anonymous block box around a table and the table 'margin' property</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-anonymous-block-019"; }
|
|
@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#model" />
|
|
<meta name="flags" content="" />
|
|
<meta name="assert" content="The 'margin' property of a table is actually applied to its anonymous block box." />
|
|
<style type="text/css">
|
|
div
|
|
{
|
|
color: gray;
|
|
}
|
|
table
|
|
{
|
|
border-spacing: 0;
|
|
display: inline-table;
|
|
margin: 20px;
|
|
}
|
|
caption
|
|
{
|
|
background: blue;
|
|
color: blue;
|
|
}
|
|
td
|
|
{
|
|
background: black;
|
|
color: black;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>Test passes if the blue box is directly on top of the black box and there is "Filler Text" above and below the stacked boxes and to the right and left of the black box.</p>
|
|
<div>
|
|
Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
|
|
Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
|
|
Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
|
|
<table>
|
|
<caption>XXXXX</caption>
|
|
<tr>
|
|
<td>XXXXX</td>
|
|
</tr>
|
|
</table>
|
|
Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
|
|
Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
|
|
Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
|
|
</div>
|
|
</body>
|
|
</html> |