1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <title>CSS Multi-column Layout Test: over-excessively wide column-rule-width</title>
5 <link rel="author" title="Opera Software ASA" href="http://www.opera.com/">
6 <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-09-03 -->
7 <link rel="help" href="http://www.w3.org/TR/css3-multicol/#crw" title="4.4. 'column-rule-width'">
8 <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?">
9 <meta name="flags" content="ahem">
10 <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.">
11 <style type="text/css">
12 div
13 {
14 background-color: red;
15 border: gray solid 1em;
16 color: lime;
17 font: 1.25em/1 Ahem;
18 orphans: 1;
19 widows: 1;
20 width: 15em;
21
22 column-count: 4;
23 column-gap: 1em;
24 column-rule-color: blue;
25 column-rule-style: solid;
26 column-rule-width: 4000px;
27 }
28 </style>
29 </head>
30
31 <body>
32
33 <p>Test passes if there is no horizontal scrollbar.</p>
34
35 <div>
36 1s cl
37 2n cl
38 3r cl
39 4t cl
40 </div>
41
42 </body>
43 </html>