mirror of
https://github.com/servo/servo.git
synced 2025-06-24 00:54:32 +01:00
89 lines
No EOL
2 KiB
HTML
89 lines
No EOL
2 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 Reftest Reference</title>
|
|
|
|
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
|
|
|
<meta content="image" name="flags" />
|
|
|
|
<style type="text/css"><![CDATA[
|
|
div > img
|
|
{
|
|
margin-left: 8px;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
table
|
|
{
|
|
background-color: yellow;
|
|
border-spacing: 0px;
|
|
border: orange solid 50px;
|
|
display: inline-table;
|
|
height: 300px;
|
|
vertical-align: top;
|
|
width: 300px;
|
|
}
|
|
|
|
td
|
|
{
|
|
padding: 0px;
|
|
}
|
|
|
|
td.first-row
|
|
{
|
|
height: 29px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
td#middle-row
|
|
{
|
|
text-align: center;
|
|
}
|
|
|
|
td.third-row
|
|
{
|
|
height: 25px;
|
|
}
|
|
|
|
span.blue
|
|
{
|
|
background-color: blue;
|
|
color: white;
|
|
height: 25px;
|
|
text-align: left;
|
|
width: 25px;
|
|
}
|
|
|
|
span#top-left, span#bottom-left
|
|
{
|
|
float: left;
|
|
}
|
|
|
|
span#top-right, span#bottom-right
|
|
{
|
|
float: right;
|
|
}
|
|
]]></style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div>
|
|
<img src="support/pass-cdts-box-offsets-rel-pos.png" width="304" height="35" alt="Image download support must be enabled" /><!--
|
|
The image says:
|
|
"
|
|
Test passes if there is a blue square
|
|
at each corner of the yellow square.
|
|
"
|
|
--><table>
|
|
<tr><td class="first-row"><span class="blue" id="top-left">TL</span></td><td class="first-row"><span class="blue" id="top-right">TR</span></td></tr>
|
|
<tr><td id="middle-row" colspan="2"><img src="support/100x100-lime.png" alt="Image download support must be enabled" /></td></tr>
|
|
<tr><td class="third-row"><span class="blue" id="bottom-left">BL</span></td><td class="third-row"><span class="blue" id="bottom-right">BR</span></td></tr>
|
|
</table>
|
|
</div>
|
|
|
|
</body>
|
|
</html> |