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>HTML
Editörde Görüntüle

tayfunerbilen

1653 gün önce eklendi - 1913 kez görüntülendi.

Github'da Düzenle