This site has been taken over by the staff of www.ASPDeveloper.Net

Please report errors to suggest@aspdeveloper.net

BizTalk Utilities CV ,   Jobs ,   Code library  
 
Home Page
CSS
CSS <border-bottom> Property
CSS <border-bottom-width> Property
CSS <border-bottom-style> Property
CSS <border-bottom-color> Property
CSS <background> Property
CSS <background-repeat> Property
CSS <background-position> Property
CSS <background-image> Property
CSS <background-color> Property
CSS <background-attachment> Property
Displaying XML with XSLT and CSS
Formatting XML with CSS (a.k.a my favorite jokes)
<< BizTalk
 

By :Mark Wilson
I am the creator of TopXML. I am available for international and local (Australia) contracts. I am a Solution Architect/Business Analyst. I have worked in IT in several countries (NZ, Australia, South Africa, UK) building and training teams for government and very large non-governmental organizations. I am ex-Microsoft Consulting Services. I wrote the first book on Microsoft XML published in 2000 called XML Programming with VB and ASP. Most recently I have been building tools for the SEO industry. Ask me for a 37 point SEO health-checkup for your website.
First posted :03/24/2008
Times viewed :2776

 

The border-collapse property (CSS Reference)

Introduction

The border-collapse property is used to make the border collapse. This has a big influence on the look and style of the table cells. The following example demonstrates the usage.

Example

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head><title>border-collapse Demonstration</title>

</head>

<body>

  <table border="1" style="border-collapse: collapse" bordercolor="#111111" width="500"

height="154">

  <tr>

    <th colspan="3">collapse</th>

  </tr>

  <tr>

    <td align="center">1</td>

    <td align="center">2</td>

    <td align="center">3</td>

    </tr>

</table>

<br/>

  <table border="1" style="border-collapse: separate" bordercolor="#111111" width="500"

height="154">

  <tr>

    <th colspan="3">separate</th>

  </tr>

  <tr>

    <td align="center">1</td>

    <td align="center">2</td>

    <td align="center">3</td>

    </tr>

</table>

</body>

</html>

Output

Values

Name:

Description:

collapse

This value means that the complete table shares the one border. It doesn’t contain any internal border as used in normal borders. The above screenshot demonstrates this.

separate

The separate value means that the table has a separate inner and a separate outer border.


Rate this article on a scale of 1 to 10

Your vote :  


 

Recent Jobs

Software Specialist, Linux - Finlan
Linux Core Technical Project Manage
Graphics designer at Tanzania. Expe
Integration Specialist Needed - Wor
Virtualization Server Infrastructur

View all Jobs (Add yours)
View all CV (Add yours)






    Email TopXML  

Front Page Daily Stuff TopXML Forum XML blogs XML Newsgroups BizTalk Biztalk Utilities Biztalk Utilities Tutorial B2B SAP XML Microsoft .NET Dotnet System XML Soapformatter SQLXML XMLserializer XQuery PHP PHP SimpleXML PHP XML Dom PHP XML RPC PHP XSLT Java Java Java XML Xalan Microsoft ASP ASP Schemas XML SQL Server XML XMLDom XSL XSL Tutorial XSLT Stylesheets General Javascript CSS XHTML WAP