Contact Us | +1 888 239-0733 (Toll free US/CA) Mon-Fri: 7:30am to 4:30pm (PST)
The CSS 'border-collapse' property specifies whether table borders should collapse into a single border or be separated as in standard HTML. This property is essential for controlling the appearance of tables on web pages, allowing for cleaner, more integrated designs or ensuring that each cell's borders are distinctly defined.
See the Pen
CSS 'border-collapse' Property by Webzstore (@webzstore)
on CodePen. The 'border-collapse' property offers a simple yet powerful way to influence the layout and appearance of tables in CSS, enhancing both the functionality and aesthetic appeal of data presentation on web pages. Use 'border-collapse' when you need to define the border behavior of tables. It's particularly useful for styling tables in a way that matches the overall design of a site or application. By collapsing borders, you can create a more seamless look, whereas separated borders can help define each cell more clearly for better readability.CSS 'border-collapse' Property Examples
Browser Support For 'border-collapse' Property
1.0 1.2 1.0 5.0 4.0 CSS Syntax of the 'border-collapse' Property
border-collapse: collapse | separate | initial | inherit;
Usage of the 'border-collapse' Property
Property Values of the 'border-collapse' Property
"*" indicates required fields