columns-table-caption-000.html (2456B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html><head> 7 <meta charset="utf-8"> 8 <title>Testcase for table caption column layout</title> 9 <link rel="help" href="http://www.w3.org/TR/css3-multicol/"> 10 <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1109571"> 11 <link rel="match" href="columns-table-caption-000-ref.html"> 12 <style type="text/css"> 13 14 * { 15 color:black; background:none; font-size:16px; padding:0; margin:0; font-family:monospace; 16 } 17 18 caption { 19 -webkit-column-count:2; 20 -o-column-count:2; 21 -ms-column-count:2; 22 column-count:2; 23 24 -webkit-column-rule:2px solid blue; 25 -o-column-rule:2px solid blue; 26 -ms-column-rule:2px solid blue; 27 column-rule:2px solid blue; 28 29 -webkit-column-gap:10px; 30 -o-column-gap:10px; 31 -ms-column-gap:10px; 32 column-gap:10px; 33 34 height:2.2em; 35 line-height:1em; 36 border:2px dotted; 37 } 38 .col1 { 39 -webkit-column-count:1; 40 -o-column-count:1; 41 -ms-column-count:1; 42 column-count:1; 43 } 44 .cw1 { 45 -webkit-column-width:1px; 46 -o-column-width:1px; 47 -ms-column-width:1px; 48 column-width:1px; 49 } 50 table {border:1px solid black} 51 .wrap { float:left; clear:both; outline:1px dashed lime; margin-top:3px; } 52 </style> 53 </head> 54 <body> 55 56 <div class="wrap"><table cellpadding="0" cellspacing="0"><caption>1<br>2<br>3</caption><tr><td>a table with a two column caption</td></table></div> 57 58 <div class="wrap"><table cellpadding="0" cellspacing="0"><caption style="height:1.1em">1<br>2<br>3</caption><tr><td>a table with a two column caption</td></table></div> 59 60 <div class="wrap"><table cellpadding="0" cellspacing="0"><caption style="border:inherit; border-color:blue">1111<br>2<br>3</caption><tr><td>a table with a two column caption</td></table></div> 61 62 <div class="wrap"><table cellpadding="0" cellspacing="0"><caption>1111<br>2<br>3<br>4</caption><tr><td>T</td></table></div> 63 64 <div class="wrap"><table cellpadding="0" cellspacing="0"><caption class="col1">1111<br>2<br>3<br>4</caption><tr><td>T</td></table></div> 65 66 <div class="wrap"><table cellpadding="0" cellspacing="0"><caption class="col1">1111<br>2<br>3<br>4</caption><tr><td>a table with a two column caption</td></table></div> 67 68 <div class="wrap"><table cellpadding="0" cellspacing="0"><caption class="col1 cw1">1111<br>2<br>3<br>4</caption><tr><td>a table with a two column caption</td></table></div> 69 70 </body> 71 </html>