border-style-applies-to-021.xht (1554B)
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</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. '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; 30 } 31 32 .row 33 { 34 display: table-row; 35 } 36 37 .cell 38 { 39 display: table-cell; 40 height: 100px; 41 } 42 ]]></style> 43 44 </head> 45 46 <body> 47 48 <p>There should be <strong>no red</strong>, not even thin red lines.</p> 49 50 <div id="table"> 51 52 <div class="test"></div><div class="test"></div> 53 54 <div class="row"> 55 <div class="cell"></div><div class="cell"></div> 56 </div> 57 58 <div class="row"> 59 <div class="cell"></div><div class="cell"></div> 60 </div> 61 62 </div> 63 64 </body> 65 </html>