Css Borders

Author: Ian Author's URL: www.80four.co.uk More by this author

Added:Feb 11, 2005 Rating:

Level: Experienced Software: Dreamweaver FrontPage GoLive

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.