Örnek
Bir tablo için çöken sınırları modeli ayarlayın:
table
{
border-collapse: collapse;
}
Kendin dene " Tanımı ve Kullanımı
border-collapse özelliği Sınırlar tek sınıra içine çökmüş veya standart HTML olarak müstakil olup olmadığını belirler.
| Varsayılan değer: | separate |
|---|---|
| Miras: | yes |
| canlandırılabilir: | no. Read about animatable |
| Versiyon: | CSS2 |
| JavaScript sözdizimi: | object .style.borderCollapse="collapse" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| border-collapse | 1.0 | 5.0 | 1.0 | 1.2 | 4.0 |
Note: ! DOCTYPE belirtilmemişse, border-collapse özelliği beklenmeyen sonuçlar üretebilir.
CSS sözdizimi
border-collapse: separate|collapse|initial|inherit;Mülkiyet Değerler
| değer | Açıklama | Oynat |
|---|---|---|
| separate | Sınırlar (border-spacing ve boş hücreler özellikleri göz ardı edilmeyecektir) ayrılır. Bu varsayılan | Oynat " |
| collapse | Sınırı mümkün tek sınıra daraltılır (border-spacing and empty-cells properties will be ignored) | Oynat " |
| initial | varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun | Oynat " |
| inherit | üst öğesinden bu özelliği devralır. Yaklaşık miras oku |
İlgili Sayfalar
CSS öğretici: CSS Tablo
HTML DOM referansı: borderCollapse property