border-style-applies-to-017.xht (1352B)
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-row</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 <meta content="'border-style: hidden' must apply to all elements, including elements with display table-row. 'hidden' (border-style) is the same as 'none': the computed border width is zero." name="assert" /> 14 15 <style type="text/css"><![CDATA[ 16 #table 17 { 18 border-collapse: collapse; 19 display: table; 20 table-layout: fixed; 21 width: 200px; 22 } 23 24 #test 25 { 26 border-color: red; 27 border-style: hidden; 28 display: table-row; 29 } 30 31 .cell 32 { 33 display: table-cell; 34 height: 200px; 35 } 36 ]]></style> 37 38 </head> 39 40 <body> 41 42 <p>There should be <strong>no red</strong>, not even thin red lines.</p> 43 44 <div id="table"> 45 46 <div id="test"> 47 48 <div class="cell"></div><div class="cell"></div> 49 50 </div> 51 52 </div> 53 54 </body> 55 </html>