Learn HTML step-by-step from A to Z or improve your professional skills.  Home HTML and CSS Tutorials Css Borders

Css Borders


Using CSS you can apply a border to elements like table cells and images. You can define individual edges (border-right for example) or you can apply the same effect to every edge (border). Below is a list of variables.

border-width
border-style
border-color 

The border-style tag has many attributes, listed below:

A dotted border : style="border-style: dotted"

A dashed border : style="border-style: dashed"

A solid border : style="border-style: solid"

A double border : style="border-style: double"

A groove border : style="border-style: groove"

A ridge border : style="border-style: ridge"

An inset border : style="border-style: inset"

An outset border : style="border-style: outset"

Note: The "border-style" property is not recognized by Netscape 4.

Netscape 6 supports all border styles.

Internet Explorer 5.5 supports all border styles. Internet Explorer 4.0 - 5.0 do not support the "dotted" and "dashed" values.

Author's URL: Ian
Learn HTML step-by-step from A to Z or improve your professional skills. More Tutorials: Featured Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com

No comments yet...
Add comments to "Css Borders"

Captcha