Welcome to Bucaro TecHelp!

Bucaro TecHelp
HTTPS Encryption not required because no account numbers or
personal information is ever requested or accepted by this site

About Bucaro TecHelp About BTH User Agreement User Agreement Privacy Policy Privacy Site Map Site Map Contact Bucaro TecHelp Contact RSS News Feeds News Feeds

Set the border-collapse

In a standard html table, each cell has a separate border (which will not be visible if the border attribute is set to 0). This causes the table cell borders to appear double, as shown below.

cell onecell two
cell threecell four

The style property border-collapse tells the cell borders to collapse into single borders, as shown below.

cell onecell two
cell threecell four
<table border="1" style="border-collapse:collapse;">
<tr><td>cell one</td><td>cell two</td></tr>
<tr><td>cell three</td><td>cell four</td></tr>

Set the border-collapse property to collapse to collapse the table cell borders into single borders. Set the border-collapse property to separate to display each cell with a separate border (double borders). set the border-collapse property to inherit to indicate that the border-collapse property should be inherited from the parent element (Internet Explorer does not support the inherit value.

More CSS Quick Reference:
• Set the Border Properties
• Set a Background Image's Position
• Use Inline Style
• How to Use a CSS ID Selector
• Grouped Selectors
• Set an Element's Overlap (z-index)
• Set an Element's Clipping
• Set a Background Image
• Set the Line Spacing
• Vertical Align an Element

RSS Feed RSS Feed

Follow Stephen Bucaro Follow @Stephen Bucaro

Fire HD
[Site User Agreement] [Privacy Policy] [Site map] [Search This Site] [Contact Form]
Copyright©2001-2019 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268