Piiri kokkuvarisemine - CSS-trikid

Lang L: none (table-of-contents)

border-collapseMajutusasutuse 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-collapseon collapse, on märkimisväärne, et sellised omadused nagu border-spacingja 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

Huvitavad Artiklid...