mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
52 lines
No EOL
1.9 KiB
HTML
52 lines
No EOL
1.9 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 Multi-column Layout Test: over-excessively wide column-rule-width</title>
|
|
<style type="text/css">
|
|
@page { font: italic 8pt sans-serif; color: gray;
|
|
margin: 7%;
|
|
counter-increment: page;
|
|
@top-left { content: "CSS Multi-column Layout Module Level 1 CR Test Suite"; }
|
|
@top-right { content: "Test multicol-rule-large-002"; }
|
|
@bottom-right { content: counter(page); }
|
|
}
|
|
</style>
|
|
<link rel="author" title="Opera Software ASA" href="http://www.opera.com/" />
|
|
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-03 -->
|
|
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#crw" title="4.4. 'column-rule-width'" />
|
|
<link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2013Sep/0006.html" title="[css3-multicol] z-order of column-rule: below or above border?" />
|
|
<meta name="flags" content="ahem" />
|
|
<meta name="assert" content="This test checks that if a column rule is over-excessively wide, even wider than window viewport, then the column rule will exceed the window viewport width but will not generate an horizontal scrollbar since column rules do not take up space." />
|
|
<style type="text/css"><![CDATA[
|
|
div
|
|
{
|
|
background-color: red;
|
|
border: gray solid 1em;
|
|
color: lime;
|
|
font: 1.25em/1 Ahem;
|
|
orphans: 1;
|
|
widows: 1;
|
|
width: 15em;
|
|
|
|
column-count: 4;
|
|
column-gap: 1em;
|
|
column-rule-color: blue;
|
|
column-rule-style: solid;
|
|
column-rule-width: 4000px;
|
|
}
|
|
]]></style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<p>Test passes if there is no horizontal scrollbar.</p>
|
|
|
|
<div>
|
|
1s cl
|
|
2n cl
|
|
3r cl
|
|
4t cl
|
|
</div>
|
|
|
|
</body>
|
|
</html> |