Stil borderCollapse Özellik
Örnek
Tablo kenarlığını daralt:
document.getElementById("myTable").style.borderCollapse = "collapse";
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
borderCollapse özelliği, tablo kenarlığının tek bir kenarlığa daraltılıp daraltılmayacağını ayarlar veya döndürür.
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
borderCollapse | 1.0 | 5.0 | 1.0 | 1.2 | 4.0 |
Sözdizimi
borderCollapse özelliğini döndürün:
object.style.borderCollapse
borderCollapse özelliğini ayarlayın:
object.style.borderCollapse = "separate|collapse|initial|inherit"
Mülk değerleri
Value | Description |
---|---|
separate | Separate borders are drawn for all table cell elements. This is default |
collapse | Borders are not drawn between table cell elements |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Teknik detaylar
Varsayılan değer: | ayırmak |
---|---|
Geri dönüş değeri: | Bir tablonun sınırlarını temsil eden bir String |
CSS Sürümü | CSS2 |
Daha fazla örnek
Örnek
borderCollapse özelliğini döndürün:
alert(document.getElementById("myTable").style.borderCollapse);
İlgili Sayfalar
CSS eğitimi: CSS Tablosu
CSS referansı: border-collapse özelliği