multicol-rule-px-001.xht (1269B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <title>multicolumn | column-rule</title> 6 <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"/> 7 <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gaps-and-rules"/> 8 <link rel="match" href="multicol-rule-ref.xht"/> 9 <meta name="flags" content="ahem"/> 10 <meta name="assert" content="Test checks that a column-rule-width value set in pixels is rendered correctly. The width of the rule should be 16px." /> 11 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 12 <style type="text/css"><![CDATA[ 13 body { 14 margin: 0; 15 } 16 body>div { 17 font-family: Ahem; 18 font-size: 1em; 19 line-height: 1em; 20 color: black; 21 background: yellow; 22 margin: 1em; 23 border: 1em solid gray; 24 width: 15em; 25 orphans: 1; 26 widows: 1; 27 28 column-count: 4; 29 column-gap: 1em; 30 column-rule-color: blue; 31 column-rule-width: 16px; 32 column-rule-style: solid; 33 } 34 span { 35 background: blue; 36 position: absolute; 37 top: 0; 38 left: 3em; 39 height: 2em; 40 width: 16px; 41 } 42 span+span { 43 left: 7em; 44 } 45 span+span+span { 46 left: 11em; 47 } 48 ]]></style> 49 </head> 50 51 <body> 52 53 <div id="one"> 54 xx xx 55 xx xx 56 xx xx 57 xx xx 58 </div> 59 60 </body> 61 </html>