Google ve Youtube Reklamlarını Engelleyen Tarayıcı ve Uygulama İndir

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.  

Yorumlar