border-collapseMülkiyet üzerinde kullanım içindir
display: table display: inline-table
separate(varsayılan) - burada tüm tablo hücrelerinin kendi bağımsız sınırları vardır ve bu hücreler arasında da boşluk olabilir.collapse- tablo hücreleri arasındaki hem boşluğun hem de sınırların daraldığı, böylece hücreler arasında yalnızca tek bir kenarlığın olduğu ve boşluk olmadığı.
Olduğunda border-collapse, ve collapsegibi özelliklerin (gerçek sınırlarda) hiçbir şey yapmadığı dikkat çekicidir . Bunlardan birine ihtiyacınız olursa ihtiyacınız olacak.border-spacingborder-radiusborder-collapse: separate;
İşte ikisi arasında geçiş yapabileceğiniz bir örnek:
CodePen'de Chris Coyier (@chriscoyier) tarafından hazırlanan Yuvarlak Hücreli Kalem Tablosuna bakın
.
Tarayıcı Desteği
öğeler (veya veya aracılığıyla bir tablo gibi davranmaları için yapılan öğeler). İki değer vardır:| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| İşler | İşler | İşler | İşler | İşler | İşler | İşler |