mirror of
https://github.com/servo/servo
synced 2026-04-28 18:37:39 +02:00
61 lines
2.3 KiB
HTML
61 lines
2.3 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: Padding set using three values</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 padding-003"; }
|
|
@bottom-right { content: counter(page); }
|
|
}
|
|
</style>
|
|
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
|
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-08-15 -->
|
|
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
|
|
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
|
|
<link rel="match" href="reference/margin-003-ref.xht" />
|
|
|
|
<meta name="flags" content="" />
|
|
<meta name="assert" content="The 'padding' property set using three values properly assigns the first value to the top padding, the second value to the left and right padding, and the third value to the bottom padding." />
|
|
<style type="text/css">
|
|
#wrapper
|
|
{
|
|
position: relative;
|
|
}
|
|
#div1
|
|
{
|
|
border: 10px solid green;
|
|
left: 0;
|
|
padding: 96px 48px 192px;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
#div2
|
|
{
|
|
border: 10px solid green;
|
|
height: 96px;
|
|
width: 288px;
|
|
}
|
|
#reference
|
|
{
|
|
border: 10px solid red;
|
|
height: 404px;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 404px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>Test passes if there is <strong>no red</strong>.</p>
|
|
<div id="wrapper">
|
|
<div id="reference"></div>
|
|
<div id="div1">
|
|
<div id="div2"></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |