multicol-shorthand-001.xht (1359B)
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 | invalid</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/#the-number-and-width-of-columns"/> 8 <link rel="match" href="multicol-rule-ref.xht"/> 9 <meta name="flags" content="ahem invalid"/> 10 <meta name="assert" content="Testing that invalid property names used as a shorthand do not result in column-rules being displayed." /> 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: solid blue 1em; 31 column: normal red 1em; /* column is not a valid property */ 32 columns: normal red 1em; /* columns is a shorthand for colun-width and column-count */ 33 } 34 span { 35 background: blue; 36 position: absolute; 37 top: 0; 38 left: 3em; 39 height: 2em; 40 width: 1em; 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> 54 xx xx 55 xx xx 56 xx xx 57 xx xx 58 </div> 59 60 </body> 61 </html>