multicol-rule-000

column-rule shorthand (basic)

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Flags
ahem

Source

 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: column-rule shorthand (basic)</title>
 5   <link rel="author" title="Hakon Wium Lie" href="mailto:howcome@opera.com">
 6   <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-27 -->
 7   <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-rule" title="4.5 'column-rule'">
 8   <link rel="match" href="reference/multicol-rule-000-ref.htm">
 9   <meta name="flags" content="ahem">
10   <style type="text/css">
11   div
12   {
13   color: black;
14   font: 1.25em/1 Ahem;
15   margin-bottom: 0.5em;
16   width: 602px;
17   }
18 
19   div#test
20   {
21   columns: 3;
22   column-gap: 1px;
23   column-rule: lime solid 1px;
24 
25   /*
26 
27   N == 3;
28 
29   W == 200px;
30 
31   */
32 
33   orphans: 1;
34   widows: 1;
35   }
36 
37   span
38   {
39   border-left: lime solid 1px;
40   border-right: lime solid 1px;
41   }
42   </style>
43  </head>
44  <body>
45 
46   <p>Test passes if the 2 horizontal bars are <strong>identical</strong>.</p>
47 
48   <div id="test">
49   1234567890<br>ABCDEFGHIJ<br>1234567890
50   </div>
51 
52   <div id="reference">
53   1234567890<span>ABCDEFGHIJ</span>1234567890
54   </div>
55 
56  </body>
57 </html>