CSS table-layout Özelliği

CSS table-layout

Örnek:

Bu örnekte iki tane tabloya farklı table-layout değeri uygulanmıştır.

table { border-collapse: separate; width: 250px; border: 1px solid black; } td { border: 1px solid black; } table.tablo1 { table-layout: auto; } table.tablo2 { table-layout: fixed; }

CSS table-layout nedir nasıl kullanılır

Css table-layout : Table-layout özelliği bir tablo için kullanılacak tablo yerleştirme algoritması belirler .

CSS table-layout	CSS table-layout özellikleri
Varsayılan Değer:	auto
Kalıtsallık:	yok
Animasyon Özelliği:	yok
Versiyon:	CSS2
JavaScript table-layout:	object.style.tableLayout="fixed"

CSS table-layout Tarayıcı Desteği

Tablodaki sayılar özelliği ilk destekleyen ilk tarayıcı versiyonlarını göstermektedir.

CSS Kodu:
table-layout	14.0	5.0	1.0	1.0	7.0

CSS table-layout Değerleri

table-layout: auto|fixed|initial|inherit;

CSS table-layout özelliği değerleri

CSS table-layout değerleri	CSS table-layout değerleri tanımları	CSS örnek uygulamalar
auto	Varsayılan otamatik ayardır.
fixed	Yatay düzen sadece tablonun genişliğine ve sütun genişliği değil, hücrelerin içeriğine bağlıdır Bir tarayıcı otomatik tablo düzeni daha hızlı tabloyu düzenlemek için izin verir Ilk satır alındıktan sonra tarayıcı tablosunu görüntülemek için başlayabilir
initial	Özelliğin varsayılan değeridir.
inherit	Kalıtsal olarak aldığı değer geçerli olur.