summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-multicol/multicol-rule-large-002.xht
blob: 055a015d7779866d9f5ee9f0c84c8e77c37e2151 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!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>
  <title>CSS Multi-column Layout Test: over-excessively wide column-rule-width</title>
  <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." />
  <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>