Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<title>CSS Multi-column Layout Test: over-excessively wide column-rule-width</title>
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-09-03 -->
<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." />
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<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>