basic-css-table-001.xht (2657B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: CSS table display types</title> 5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> 6 <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> 7 <meta name="assert" content="CSS display table types are supported." /> 8 <style type="text/css"> 9 .table 10 { 11 display: table; 12 border: 1px solid gray; 13 } 14 .caption 15 { 16 display: table-caption; 17 background: black; 18 } 19 .colgroup 20 { 21 display: table-column-group; 22 } 23 .col 24 { 25 display: table-column; 26 } 27 .thead 28 { 29 display: table-header-group; 30 } 31 .tfoot 32 { 33 display: table-footer-group; 34 } 35 .tbody 36 { 37 display: table-row-group; 38 } 39 .tr 40 { 41 display: table-row; 42 } 43 .td 44 { 45 background: black; 46 border: 1px solid gray; 47 display: table-cell; 48 } 49 </style> 50 </head> 51 <body> 52 <p>Test passes if there is a solid bar on top of a three-by-three grid of boxes below.</p> 53 <div class="table"> 54 <div class="caption">X</div> 55 <div class="colgroup"> 56 <div class="col"></div> 57 <div class="col"></div> 58 </div> 59 <div class="colgroup"> 60 <div class="col"></div> 61 </div> 62 <div class="thead"> 63 <div class="tr"> 64 <div class="td">XXXXX</div> 65 <div class="td">XXXXX</div> 66 <div class="td">XXXXX</div> 67 </div> 68 </div> 69 <div class="tfoot"> 70 <div class="tr"> 71 <div class="td">XXXXX</div> 72 <div class="td">XXXXX</div> 73 <div class="td">XXXXX</div> 74 </div> 75 </div> 76 <div class="tbody"> 77 <div class="tr"> 78 <div class="td">XXXXX</div> 79 <div class="td">XXXXX</div> 80 <div class="td">XXXXX</div> 81 </div> 82 </div> 83 </div> 84 </body> 85 </html>