Biên giới sụp đổ - Thủ thuật CSS

Tài border-collapsesản được sử dụng trên

display: table display: inline-table

separate (mặc định) - trong đó tất cả các ô của bảng đều có đường viền độc lập của riêng chúng và có thể có khoảng trống giữa các ô đó.
collapse - trong đó cả khoảng trắng và đường viền giữa các ô trong bảng đều thu gọn nên chỉ có một đường viền và không có khoảng cách giữa các ô.

Khi border-collapselà collapse, nó là đáng chú ý rằng các tính chất như border-spacingvà border-radius(trên biên giới thực tế) không làm gì cả. Bạn sẽ cần border-collapse: separate;nếu bạn cần một trong hai thứ đó.

Đây là một ví dụ mà bạn có thể hoán đổi giữa hai:

Xem
Bàn bút có ô tròn của Chris Coyier (@chriscoyier)
trên CodePen.