Το border-collapseκατάλυμα προορίζεται για χρήση
display: table display: inline-table
separate(προεπιλογή) - στο οποίο όλα τα κελιά πίνακα έχουν τα δικά τους ανεξάρτητα σύνορα και μπορεί να υπάρχει και διάστημα μεταξύ αυτών των κελιών.collapse- στο οποίο τόσο το διάστημα όσο και τα όρια μεταξύ των κελιών πίνακα καταρρέουν, οπότε υπάρχει μόνο ένα περίγραμμα και κανένα διάστημα μεταξύ των κελιών.
Πότε border-collapseείναι collapse, είναι αξιοσημείωτο ότι οι ιδιότητες όπως border-spacingκαι border-radius(στα πραγματικά σύνορα) δεν κάνουν τίποτα. Θα χρειαστείτε border-collapse: separate;εάν χρειάζεστε κάποιο από αυτά τα πράγματα.
Ακολουθεί ένα παράδειγμα όπου μπορείτε να ανταλλάξετε μεταξύ των δύο:
Δείτε τον
πίνακα στυλό με στρογγυλεμένα κελιά του Chris Coyier (@chriscoyier)
στο CodePen.
Υποστήριξη προγράμματος περιήγησης
στοιχεία (ή στοιχεία που φτιάχνονται για να συμπεριφέρονται σαν πίνακας ή). Υπάρχουν δύο τιμές:| Χρώμιο | Σαφάρι | Firefox | ΛΥΡΙΚΗ ΣΚΗΝΗ | ΙΕ | Android | iOS |
|---|---|---|---|---|---|---|
| Εργα | Εργα | Εργα | Εργα | Εργα | Εργα | Εργα |