mirror of
https://github.com/servo/servo
synced 2026-04-28 18:37:39 +02:00
39 lines
1.7 KiB
HTML
39 lines
1.7 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: Outline: inherit with 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 outline-018"; }
|
|
@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/ui.html#propdef-outline" />
|
|
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
|
|
<meta name="flags" content="" />
|
|
<meta name="assert" content="Outline with value inherit uses its parent's outline values (3 values)." />
|
|
<style type="text/css">
|
|
#test
|
|
{
|
|
outline: red solid 15px;
|
|
outline: inherit;
|
|
}
|
|
#parent
|
|
{
|
|
outline: green 15px dotted;
|
|
padding: 50px;
|
|
border: solid 2px blue;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>Test passes if there is a green outline closely surrounding the "Filler Text". That outline needs to be is the same size, style and color as the outline surrounding the blue box and there is no red visible on the page.</p>
|
|
<div id="parent">
|
|
<div id="test">Filler text</div>
|
|
</div>
|
|
</body>
|
|
</html> |