Border Controls

Each object on your web page has a border. This border may be invisible or it may display in any number of different ways. Here are the stylesheet attributes that you use to control your borders:

Attributes can also be individually specified using border-top-color, border-top-style, border-top-width. border-right-color, border-right-style, border-right-width. border-bottom-color, border-bottom-style, border-bottom-width. border-left-color, border-left-style, and border-left-width.

Examples

p{border-color: #000000 #cccccc;}
.spec {border-style: inset;}
.left{border-left: medium solid #ffffff;}
.box{border: 2pt dashed #ff0000;}

 

This article written by Stephen Chapman, Felgall Pty Ltd.

go to top

FaceBook Follow
Twitter Follow
Donate