tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

border-style-applies-to-023.xht (1561B)


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