CSS table-layout özelliği

Tanım ve kullanım

tableLayout özelliği, tablo hücreleri, satırları ve sütunlarının algoritma kurallarını gösterir.

Sabit tablo düzeni:

Sabit tablo düzeni, otomatik tablo düzenine göre tarayıcıların tabloyu düzenlemesini daha hızlı yapmasına izin verir.

Sabit tablo düzeninde, yatay düzen, tablo genişliği, sütun genişliği, tablo kenarlığı genişliği ve hücre aralığına bağlıdır ve hücre içerikleriyle ilgilidir.

Sabit tablo düzeni kullanılarak, kullanıcı aracı ilk satırı aldıktan sonra tabloyu gösterebilir.

Otomatik tablo düzeni:

Otomatik tablo düzeninde, sütun genişliği, sütun hücrelerinde satır atlamayan en geniş içerik tarafından belirlenir.

Bu algoritma bazen daha yavaş olabilir, çünkü sonuncu düzeni belirlemek için tablonun tüm içeriklerine erişmesi gerekebilir.

Açıklama

Bu özellik, tablo düzenini tamamlamak için kullanılan düzenleme algoritmini belirtir. Sabit düzenleme algoritması daha hızlıdır, ancak daha az esnek, otomatik algoritma ise daha yavaş, ancak geleneksel HTML tablolarını daha iyi yansıtır.

Ayrıca bkz.:

CSS eğitim:CSS tablosu

HTML DOM referans kitabı:tableLayout özelliği

Örnek

Tablo düzenleme algoritmasını ayarlama:

table
  {
  table-layout:fixed;
  }

Kişisel olarak deneyin

CSS dilbilgisi

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

Özellik değeri

Değer Açıklama
automatic Öntanımlı. Sütun genişliği, hücre içeriğine göre belirlenir.
fixed Sütun genişliği, tablo genişliği ve sütun genişliği ile belirlenir.
inherit table-layout özelliğinin değerini parent element'ten alması gerektiğini belirler.

Teknik ayrıntılar

Öntanımlı değer: oto
Miras edilebilirlik: evet
Sürüm: CSS2
JavaScript dilbilgisi: object.style.tableLayout="fixed"

Daha fazla örnek

Tablo düzenini ayarlama
Bu örnek, tablonun düzenini nasıl ayarladığınızı gösterir.

Tarayıcı desteği

Tablo içindeki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome IE / Edge Firefox Safari Opera
14.0 5.0 1.0 1.0 7.0