table-caption-scroll-ref.html (1519B)
1 <!DOCTYPE HTML> 2 <html><head> 3 <meta charset="utf-8"> 4 <title>Testing table captions with overflow:auto/scroll/hidden</title> 5 <style type="text/css"> 6 7 html,body { 8 color:black; background-color:white; font-size:16px; padding:0; margin:0; height:100%; 9 } 10 11 .caption { overflow:auto; border:1px solid; height:100px; } 12 .s { overflow:scroll; } 13 .h { overflow:hidden; } 14 </style> 15 </head> 16 <body> 17 18 <table border="0" cellspacing="0" cellpadding="0"> 19 <caption><div class="caption">0<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9</div></caption> 20 <tr><td>TTTTTTTTTT</td></tr> 21 </table> 22 23 <table border="0" cellspacing="0" cellpadding="0"> 24 <caption><div class="caption">00000<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9</div></caption> 25 <tr><td>T</td></tr> 26 </table> 27 28 <table border="0" cellspacing="0" cellpadding="0"> 29 <caption><div class="s caption">00000<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9</div></caption> 30 <tr><td>T</td></tr> 31 </table> 32 33 <table border="0" cellspacing="0" cellpadding="0"> 34 <caption><div class="s caption">00000<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9</div></caption> 35 <tr><td>TTTTTTTTTT</td></tr> 36 </table> 37 38 <table border="0" cellspacing="0" cellpadding="0"> 39 <caption><div class="h caption">00000<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9</div></caption> 40 <tr><td>T</td></tr> 41 </table> 42 43 <table border="0" cellspacing="0" cellpadding="0"> 44 <caption><div class="h caption">00000<br>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9</div></caption> 45 <tr><td>TTTTTTTTTT</td></tr> 46 </table> 47 48 </body> 49 </html>