caption-side:این خاصیت موقعیت قرار گیری عنوان جدول را تعیین می کند . عنوان جدول توسط تگ < caption > ایجاد می شود . حالت های ممکن عبارتند :
– top : عنوان در بالای جدول قرار می گیرد .
– right : عنوان در سمت راست جدول قرار می گیرد .
– bottom : عنوان در پایین جدول قرار می گیرد .
– left : عنوان در سمت چپ جدول قرار می گیرد .

مثال : در مثال زیر چند حالت قرار گیری عنوان جدول را بررسی کرده ایم :

< table style=”border: solid 2px blue; caption-side: left ; width: 400px” >
< caption > Table 1 , Caption left < /caption >
< tr >
< td style=”border: solid 2px blue” >
Cell 1
< /td >
< td style=”border: solid 2px blue” >
Cell 2
< /td >
< /tr >
</table>

< table style=”border: solid 2px blue; caption-side: bottom ; width: 400px” >
< caption > Table 2 , Caption bottom < /caption >
< tr >
< td style=”border: solid 2px blue” >
Cell 1
< /td >
< td style=”border: solid 2px blue” >
Cell 2
< /td >
< /tr >
</table>

< table style=”border: solid 2px blue; caption-side: top ; width: 400px” >
< caption > Table 3 , Caption top < /caption >
< tr >
< td style=”border: solid 2px blue” >
Cell 1
< /td >
< td style=”border: solid 2px blue” >
Cell 2
< /td >
< /tr >
</table>