Friday, April 15, 2011

Table Borders Css

When a table is defined by a tag with no styles specified, a borderless table as wide and as tall as its enclosed data is displayed. From this simple beginning you can structure and style a table to take on virtually any display characteristics you can imagine. table border property is used to set a stylish border for the table in a webpage.

Any border styles that were introduced earlier can be applied to the external border of a table This will results in.
<style type="text/css">
table { border: solid 5px #0000FF}
td {border:outset 2px}

<table width="241">
    <td width="114">Cell 1.1</td>
    <td width="107">Cell 1.2</td>
    <td>Cell 1.3</td>
    <td>Cell 1.4</td>

 This will results in

Cell 1.1 Cell 1.2
Cell 1.3 Cell 1.4

The border style is described in below for each table. The stylesheet uses the standard format {border: size or style} for all border crossings stylings.