CSS border-collapse Özelliği

CSS border-collapse

Css border-collapse özelliği tabloların kenarlarını birleştirerek tek çizgi halinde görünmesini sağlar.

Örnek:

Bu örnekte bir tablonun satır ve sütun kenarlarını tek çizgi olarak görünmesini sağlamak için border-collapse özelliğini uyguladık.

table { border-collapse: collapse; } table, td, th { border: 1px solid black; }

CSS border-collapse nedir nasıl kullanılır

Bir html tabloya border atadığımız zaman normalde her hücrenin kendi bir kenarlığı olur, eğer ki border-collapse özelliğini uygularsak artık hücreler ortak bir kenar kullanmış olur.Daha detaylı öğrenmek için örneklerimizi inceleyiniz.

CSS border-collapse	CSS border-collapse özellikleri
Varsayılan Değer:	separate
Kalıtsallık:	var
Animasyon Özelliği:	yok
Versiyon:	CSS2
JavaScript border-collapse:	object.style.alignSelf="collapse"

CSS border-collapse Tarayıcı Desteği

CSS Kodu:
border-collapse	1.0	5.0	1.0	1.2	4.0

CSS border-collapse Değerleri

border-collapse:separate|collapse|initial|inherit;

CSS border-collapse özelliği değerleri

CSS border-collapse değerleri	CSS border-collapse değerleri tanımları	CSS örnek uygulamalar
separate	Başlangıç varsayılan değeridir ve hücrelerin kendine ait kenarlığı vardır.
collapse	Tablo hücreleri ortak bir kenar kullanır.
initial	Varsayılan başlangıç değerini alır.
inherit	Kalıtsal olarak aldığı değeri kullanır.