Welcome to Bucaro TecHelp!

Bucaro TecHelp
Maintain Your Computer and Use it More Effectively
to Design a Web Site and Make Money on the Web

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:
• position:absolute
• Set a Background Image
• Set an Element's Overflow
• Set the Font Size
• Set the Font Boldness
• Set the Letter Spacing
• Set the Font Variant
• Set the Font Properties
• Use an External Style Sheet
• position:relative

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-2018 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268