CSS caption-side Özelliği
CSS2
Tablo etiketi içinde bulunan <caption> etiketinin pozisyonunu belirlemek için kullanılır.
Yapısı (Syntax)caption-side: top | bottom | initial | inherit;
| Varsayılan Değer | top |
| JavaScript Yapısı |
object.style.captionSide = "bottom"
|
| Animasyon Özellikleri Uygulanabilir | Hayır (Daha fazla detay) |
Değerler
| Değer | Açıklama | Versiyon |
|---|---|---|
| top | Varsayılan değerdir ve yukarıda gösterilir. | CSS2 |
| bottom | Aşağıda gösterilir. | CSS2 |
Örnekler
İki farklı tabloda değerleri örneklendirmek gerekirse
<table class="table-1" border="1">
<caption>Tablo 1.1 - Kişiler ve Siteler</caption>
<tr>
<td>Tayfun Erbilen</td>
<td>http://erbilen.net</td>
</tr>
<tr>
<td>PROTOTÜRK</b>
<td></td>
</tr>
</table>
<hr>
<table class="table-2" border="1">
<caption>Tablo 1.1 - Kişiler ve Siteler</caption>
<tr>
<td>Tayfun Erbilen</td>
<td>http://erbilen.net</td>
</tr>
<tr>
<td>PROTOTÜRK</b>
<td></td>
</tr>
</table>
<style>
table {
width: 100%;
}
table.table-1 {
caption-side: top;
}
table.table-2 {
caption-side: bottom;
}
</style>