Categories
css

CSS BORDER COLLAPSE

The table element and elements that behave like a table through CSS (by the display: property) can benefit from the use of border-collpase. This property has two different possible values that allows you to render tables differently:

table {
border-spacing: 5px;
border-collapse: separate;
}

table {
border-collapse: collapse;
}
Possible Values

separate: This is the default value. All table cells have their own independent borders and there could be space between the cells.
collapse: When this is used, only one border and no space in between the cells is displayed.

Browser Support

Works in all browsers.

Leave a Reply

Your email address will not be published. Required fields are marked *

Leave a Reply

Your email address will not be published. Required fields are marked *