multicol-rule-shorthand-2.xht (1221B)
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>CSS Multi-column Layout Test: 'column-rule' shorthand</title> 6 <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"/> 7 <link rel="help" href=""/> 8 <link rel="match" href="multicol-rule-shorthand-2-ref.xht"/> 9 <meta name="assert" content="Tests that column rules are not displayed for invalid properties and values."/> 10 <meta name="flags" content="ahem invalid"/> 11 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 12 <style type="text/css"><![CDATA[ 13 body { 14 margin: 1em; 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 0; 23 border: 1em solid gray; 24 width: 15em; 25 26 column-count: 4; 27 column-gap: 1em; 28 column-rule: solid blue 1em; 29 column-rule: normal red 1em; /* invalid: 'normal' is not a 'border-style' */ 30 column: normal red 1em; /* invalid: 'column' is not a valid property name; 'normal' can only apply to 'column-gap' */ 31 } 32 33 ]]></style> 34 </head> 35 36 <body> 37 <p>Pass if there is no red visible.</p> 38 39 <div> 40 xx xx 41 xx xx 42 xx xx 43 xx xx 44 </div> 45 46 </body> 47 </html>