border-collapse
Majutusasutuse kasutamiseks
display: table
display: inline-table
separate
(vaikimisi) - kus kõigil tabelirakkudel on oma iseseisvad piirid ja ka nende lahtrite vahel võib olla ruumi.collapse
- milles nii tühik kui ka tabelirakkude vahelised piirid varisevad, nii et lahtrite vahel on ainult üks piir ja ruumi pole.
Kui border-collapse
on collapse
, on märkimisväärne, et sellised omadused nagu border-spacing
ja border-radius
(tegelikel piiridel) ei tee midagi. Teil on vaja, border-collapse: separate;
kui vajate mõnda neist asjadest.
Siin on näide, kus saate nende kahe vahel vahetada:
Vaadake
CodePenil Chris Coyieri (@chriscoyier) ümardatud rakkudega
pliiatsitabelit.
Brauseri tugi
elemendid (või elemendid, mis on tehtud käituma nagu tabel läbi või). On kaks väärtust:Chrome | Safari | Firefox | Ooper | IE | Android | iOS |
---|---|---|---|---|---|---|
Töötab | Töötab | Töötab | Töötab | Töötab | Töötab | Töötab |