table-caption-bottom-1.html (851B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset=utf-8> 5 <style> 6 html { 7 font: 12px sans-serif; 8 } 9 .h { 10 writing-mode: horizontal-tb; 11 } 12 .vlr { 13 writing-mode: vertical-lr; 14 } 15 .vrl { 16 writing-mode: vertical-rl; 17 } 18 .ltr { 19 direction: ltr; 20 } 21 .rtl { 22 direction: rtl; 23 } 24 table { 25 border-spacing: 0; 26 margin-bottom: 10px; 27 caption-side: bottom; 28 } 29 td { 30 width: 200px; 31 height: 100px; 32 background: silver; 33 padding: 0; 34 } 35 caption { 36 background: cyan; 37 min-block-size: 20px; 38 } 39 </style> 40 </head> 41 <body> 42 43 <table class="h ltr"> 44 <caption>table caption</caption> 45 <tr><td></td></tr> 46 </table> 47 48 <table class="h rtl"> 49 <caption>table caption</caption> 50 <tr><td></td></tr> 51 </table> 52 53 <table class="vlr ltr"> 54 <caption>table caption</caption> 55 <tr><td></td></tr> 56 </table> 57 58 <table class="vrl ltr"> 59 <caption>table caption</caption> 60 <tr><td></td></tr> 61 </table>