captionSide özelliği, table-caption elementinin (başlığının) yerleşim yerini belirler.
DOM Sözdizimi
element.style.captionSide = konum
CSS Sözdizimi
caption-side: konum
| konum | top, bottom, left ve right değerlerinden birini alır. |
"caption-side" değerleri
| caption-side | Canlı Sonuç | Açıklama |
|---|
| top (IE 8) |
|
Başlığı tablonun üstünde gösterir. |
| right |
|
Başlığı tablonun sağında gösterir. |
| bottom (IE 8) |
|
Başlığı tablonun altında gösterir. |
| left |
|
Başlığı tablonun solunda gösterir. |
Internet Explorer 8 sürümünde sadece top ve bottom değerleri kullanılabilir.
Aşağıda örnek, css caption-side özelliğinin top ve bottom değerleri kullanılarak tablo başlığının alta ve üste yerleştirilmesini göstermektedir.
<style type="text/css">
#ornekTablo1
{
caption-side: top;
width:90px;
height:40px;
background-color: #40A0E0;
}
#ornekTablo2
{
caption-side: bottom;
width:90px;
height:40px;
background-color: #40E0A0;
}
</style>
<table id="ornekTablo1" border="1">
<caption>Örnek Tablo Başlığı</caption>
<tr><td> </td></tr>
</table>
<hr/>
<table id="ornekTablo2" border="1">
<caption>Örnek Tablo Başlığı</caption>
<tr><td> </td></tr>
</table>
Canlı Sonuç