border-style-applies-to-019.xht (1624B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 5 <head> 6 7 <title>CSS Test: border-style: hidden applied to element with display table-column-group</title> 8 9 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> 10 <link rel="author" title="Marc Pacheco" href="http://marc.baffl.co.uk/contact.php" /> 11 <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" /> 12 <link rel="match" href="border-conflict-style-101-ref.xht" /> 13 14 <meta content="'border-style: hidden' must apply to all elements, including elements with display table-column-group. 'hidden' (border-style) is the same as 'none': the computed border width is zero." name="assert" /> 15 16 <style type="text/css"><![CDATA[ 17 #table 18 { 19 border-collapse: collapse; 20 display: table; 21 table-layout: fixed; 22 width: 200px; 23 } 24 25 #test 26 { 27 border-color: red; 28 border-style: hidden; 29 display: table-column-group; 30 } 31 32 .col {display: table-column;} 33 34 .row 35 { 36 display: table-row; 37 } 38 39 .cell 40 { 41 display: table-cell; 42 height: 100px; 43 } 44 ]]></style> 45 46 </head> 47 48 <body> 49 50 <p>There should be <strong>no red</strong>, not even thin red lines.</p> 51 52 <div id="table"> 53 54 <div id="test"><div class="col"></div><div class="col"></div></div> 55 56 <div class="row"> 57 <div class="cell"></div><div class="cell"></div> 58 </div> 59 60 <div class="row"> 61 <div class="cell"></div><div class="cell"></div> 62 </div> 63 64 </div> 65 66 </body> 67 </html>