border-collapseProprietatea este pentru utilizarea pe
display: table display: inline-table
separate(implicit) - în care toate celulele tabelului au propriile lor margini independente și poate exista spațiu și între acele celule.collapse- în care atât spațiul, cât și marginile dintre celulele tabelului se prăbușesc, astfel încât există un singur chenar și nu există spațiu între celule.
Când border-collapseeste collapse, este remarcabil faptul că proprietățile precum border-spacingși border-radius(pe margini reale) nu fac nimic. Veți avea nevoie border-collapse: separate;dacă aveți nevoie de oricare dintre aceste lucruri.
Iată un exemplu în care puteți schimba între cele două:
Vedeți
Tabelul stiloului cu celule rotunjite de Chris Coyier (@chriscoyier)
pe CodePen.
Suport pentru browser
elemente (sau elemente făcute să se comporte ca o masă prin sau). Există două valori:| Crom | Safari | Firefox | Operă | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Lucrări | Lucrări | Lucrări | Lucrări | Lucrări | Lucrări | Lucrări |