Giriş yap

CSS table-layout Özelliği
CSS2

Bu özellik, tablonun satır ve sütun düzeninin nasıl olacağını belirler. Sabit yaparak satır ve sütun aralarını sabitleyebilir ya da varsayılan olarak otomatik bırakarak içeriğe göre tablonun gösterilmesine karar verebilirsiniz.

Yapısı (Syntax)table-layout: auto | fixed | initial | inherit;

Varsayılan Değer auto
JavaScript Yapısı object.style.tableLayout = "fixed"
Animasyon Özellikleri Uygulanabilir Hayır (Daha fazla detay)

Değerler

Değer Açıklama Versiyon
auto Tablonun içeriğine göre satır ve sütun görünümü ayarlanır. CSS2
fixed Tablonun içeriğine bakmaksızın satır ve sütun görünümü sabitlenir. CSS2

Örnekler

Her iki değer içinde birer örnek vermek gerekirse

<table class="table-auto" border="1">
	<tr>
		<td>Tayfun Erbilen</td>
		<td>http://erbilen.net</td>
	</tr>
	<tr>
		<td>PROTOTÜRK</b>
		<td>https://prototurk.com</td>
	</tr>
</table>

<table class="table-fixed" border="1">
	<tr>
		<td>Tayfun Erbilen</td>
		<td>http://erbilen.net</td>
	</tr>
	<tr>
		<td>PROTOTÜRK</b>
		<td>https://prototurk.com</td>
	</tr>
</table>

<style>
table {
	width: 250px;
}
table.table-auto {
	table-layout: auto;
}
table.table-fixed {
	table-layout: fixed;
}
</style>

tayfunerbilen
8 gün önce eklendi.
Github'da Düzenle
Önemli Başlıklar