Friday, July 17, 2009

CSS : Table Border Style

CSS Border, our personal favorite CSS attribute, allow you to completely customize the borders that appear around HTML elements. With HTML, it used to be impossible to place a border around an element, except for the table. CSS Borders let you create crisp, customized border styles with very little work, compared to the antiquated methods of HTML. From here, you can do try out by using code editor from w3schools.com.

º border-width : thin medium thick 0px 1px 2px
º border-spacing : 0px 1px 2px 3px 4px 5px
º border-style : none outset hidden dotted dashed solid double ridge groove inset
º border-color : gray white red #FAF0E6 #FFF5EE #FFFAFA
º border-collapse : separate collapse
º background-color : gray white red #FAF0E6 #FFF5EE #FFFAFA
º padding : 0px 1px 2px 3px 4px 5px

border-color: black;
border-style: dashed;
border-color: #FFBD32;
border-style: ridge;
border: 5px outset blue;
padding:5px;
border-left-style: groove;
border-left-color: green;
border-left-width: 15px;
border-bottom-style: ridge;
border-bottom-color: yellow;
border-bottom-width: 15px;
border-width: 4px;
border-style: dotted;
border-top-color: green;
border-bottom-color: yellow;
border-left-color: blue;
border-right-color: red;
border-top-style: double;
border-top-color: purple;
border-top-width: thick;
border-bottom-style: double;
border-bottom-color: purple;
border-bottom-width: thick;

Taken From : http://www.somacon.com/p141.php

1 comment: