Free Web Hosting Provider - Web Hosting - E-commerce - High Speed Internet - Free Web Page
Search the Web

cascading style sheet example and tutorial about applying borders to html tags with css stylesheets
 

cascading style sheets and borders

This example looks at border-width, border-color and border-style using a stylesheet with the <P> tag

 <STYLE>
  P {
     border-style: double;
     border-color: #FF0000;
     border-width: 10px;
  }
 </STYLE>

 this is a double border 

the border-width is set to 10px (10 pixels)
the border-width can also be set to thin, medium or thick (border-width: medium)

below is a simple way to write out a border for the <P> tag
<P STYLE="border: double #FF0000 10px">

notice that just the 'border' command is used (not border-style, border-color or border-width)
the examples below demonstrate more border styles

 border-style: ridge 

 border-style: solid 

 border-style: inset 

 border-style: outset 

for more information on border and box commands see stylesheet properties

home
home

next: stylesheets html lists
previous: stylesheets & html links

html tutorial css tutorial javascript webmaster articles link exchange

css tutorial