table-anonymous-block-019.xht (2394B)
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: The anonymous block box around a table and the table 'margin' property</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#model" /> 7 <meta name="assert" content="The 'margin' property of a table is actually applied to its anonymous block box." /> 8 <style type="text/css"> 9 div 10 { 11 color: gray; 12 } 13 table 14 { 15 border-spacing: 0; 16 display: inline-table; 17 margin: 20px; 18 } 19 caption 20 { 21 background: blue; 22 color: blue; 23 } 24 td 25 { 26 background: black; 27 color: black; 28 } 29 </style> 30 </head> 31 <body> 32 <p>Test passes if the blue box is directly on top of the black box and there is "Filler Text" above and below the stacked boxes and to the right and left of the black box.</p> 33 <div> 34 Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text 35 Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text 36 Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text 37 <table> 38 <caption>XXXXX</caption> 39 <tr> 40 <td>XXXXX</td> 41 </tr> 42 </table> 43 Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text 44 Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text 45 Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text 46 </div> 47 </body> 48 </html>