CSS2 Border Collapse Rules

Welcome Agenda II Xhtml Rules DocType HTML Terms Meta Element
Introducing Tables Row & Column Groups Color CSS Table Attributes Table Padding Table Rules Table Alignment Border Collapse Column Span Border CSS Table CSS 5: Program Schedule Table Summary
Forms Forms Attributes 6: Registration Form
Embed MPGs Sound Files Sound Attributes Multimedia Quicktime Movies 7: Audio/Video Project
Frame Basics Frame Attributes Nested Frames 8: Designing with Frames 3-Color Frames 16-Color Frames Inline Frames Frame Summary
Tutorial 9: Working XHTML

Border-collapse:separate displays each table cell borders separated.

First cell row 1 Second cell row 1 Third cell row 1
First cell row 2 Second cell row 2 Third cell row 2
Xhtml Style Rules:

<style type="text/css">
.two {border-collapse:separate}
</style>
Add the class definition two to the table tag

Border-collapse:collapse is the default display that renders the table cell borders into a comon border.

First cell row 1 Second cell row 1 Third cell row 1
First cell row 2 Second cell row 2 Third cell row 2
Xhtml Style Rules

<style type="text/css">
.one {border-collapse:collapse}
</style>
Add the class definition one to the table tag

Web Design with XHTML Part II
Doris Cuffey, Instructor