HTML and CSS  Home HTML and CSS Tutorials Css Borders
rss

Css Borders

Author: Ian More by this author


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.


Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Css Borders"