Tablo Özellikleri

tablo ve tablo elemanlarının görünümünü düzenlemek için tablo özellikleri eklenmiştir. Tablolar diger HTML elemanlarından daha farklı kendine has elemanlardır ve farklı özellikleri vardı

 § Baslık Konumu Özelliği (table-layout)

§ Tablo Planı özelliği (caption-side)

§ Hücre Boşluklarını ayarlama (border-collapse)

§ Hücre Dışı boşluklarını ayarlama (border-spacing)

§ Bos hücre ayarları (empty-cells)

1. Baslık Konumu Özelliği (table-layout)

Normalde tablolar içeriğindeki bilgiye göre genişliğini arttırır. Bu bize bir esnek kazandırır ancak bazen tablo genişliğimizin sabit kalmasını isteriz.

table-layout:fixed değeri tablo genişliğimizi sabitlememizi sağlar.

Tablelayout: auto ise tablo genişliğini içeriğe göre arttırır.

2. Tablo planı özelligi (caption-side)

caption-side: Tablonun başlığının(<caption>) nerede (altta mı üstte mi)

olacağını belirler.

3. Hücre Boşluklarını ayarlama (bordercollapse)

border-collapse, tablo hücrelerinin etrafındaki kenarlık ile olan mesafeyi azaltmayı veya açmayı sağlar.

separate ataması yapılmış ise hücreler arasına bir kaç piksellik mesafe konur, HTML içinden bu boşlukları <table> etiketinin cellspacing özelliği ile kaldırmak istenirse tarayıcılar iki kenarlığı bir biri üstünde gösterecektir.

Eğer collapse değeri verilirse iki hücre arasındaki mesafe kalkacaktır ve tek kenarlık görünecektir.

4. Hücre dışı boşluklarını ayarlama (borderspacing)

border-spacing, normal uzunluk değerleri alır ve bordercollapse:

separate ile birlikte kullanılır. Eğer tek değer verilirse bu tüm kenarlar için geçerlidir, iki değer atanırsa ilki yatayda boşluk için ikincisi

dikey de boşluk vermek için tanımlanmıştır.

5. Bos hücre ayarları (empty-cells)

Bir tabloya bazı değerler atadığımızda(örnegin kenarlık değeri) bos olan

hücreler bu değeri görmez, bu durumu düzeltmek için bos olan hücreler

için bos karakter( ) kullanılır.

empty-cells özelliği ile bos kalan hücrelere nasıl davranması gerektiği bildirilir.

show değeri ile hücrenin içeriği olan hücreler ile aynı özellikleri almasını s

hide değeri ile de hücrenin yokmuş gibi davranmasını sağlanır.