Files
servo/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-033.xht

28 lines
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 Backgrounds and Borders Test: background-size - applies to ::first-line pseudo-element</title>
<link href="http://www.intel.com" rel="author" title="Intel" />
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-17 -->
<link href="http://www.w3.org/TR/css3-background/#the-background-size" rel="help" title="3.9. Sizing Images: the 'background-size' property" />
<link href="http://www.w3.org/TR/css3-background/#values" rel="help" />
<meta content="image" name="flags" />
<meta content="Check if background-size is able to apply to the ::first-line pseudo-element." name="assert" />
<style>
div {color: white;}
div::first-line {
background-image: url(support/blue96x96.png);
background-repeat: repeat no-repeat;
background-size: 100% 50%;
color: black;
font-size: 80px;
}
</style>
</head>
<body>
<p>Test passes if only the <strong>top half</strong> of "Text sample" has a <strong>blue background</strong>.</p>
<div>Text sample<br /> text sample text sample</div>
</body></html>