servo/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-007.xht

28 lines
No EOL
1.4 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 charset="utf-8" />
<title>CSS Background and Borders Test: background-clip: content-box with background-color</title>
<link href="mailto:jchaffraix@webkit.org" rel="author" title="Julien Chaffraix" />
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
<link href="mailto:arronei@microsoft.com" rel="reviewer" title="Arron Eicholz" /> <!-- 2012-10-27 -->
<link href="http://www.w3.org/TR/css3-background/#the-background-clip" rel="help" />
<meta content="" name="flags" />
<meta content="When 'background-clip' is set to 'content-box', then the background-color shines only through the content area; it does not shine through the padding area nor the border area." name="assert" />
<link href="reference/ref-if-there-is-no-red.xht" rel="match" />
<style>
div
{
background-clip: content-box;
background-color: red;
height: auto;
padding: 50px;
width: auto;
}
</style>
</head>
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div></div>
</body></html>