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>