v2.1.1
Giriş yap

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>

tayfunerbilen
71 gün önce eklendi.
Github'da Düzenle
Önceki empty-cells Sonraki caret-color