CSS Border

The CSS border property gives you the option to specify the style and color of the border of an element. With this property, we now can create borders with nice effects, which can also be applied to any element.

There are so many options how to use the property border:

CSS Border Properties

• border
• border-bottom
• border-bottom-color
• border-bottom-style
• border-bottom-width
• border-color
• border-left
• border-left-color
• border-left-style
• border-left-width
• border-right
• border-right-color
• border-right-style
• border-right-width
• border-style
• border-top
• border-top-color
• border-top-style
• border-top-width
• border-width

CSS Border width

This property has the values  medium  thick and bold. You can also use a numeric value in pixels.

CSS Border Color

This property sets the color of four borders. The color values can be any of the three: hex code, rgb or the basic color name.

CSS border example:

table

 {

border-color: rgb( 100, 100, 255); border-style: solid;

}

td

 {

 border-color: #FFBD32; border-style: solid;

}

p

{

border-color: blue; border-style: solid;

 }

text_border

{ border-bottom:1px solid #B0B0B0; border-top:1px solid #B0B0B0; border-left:1px solid #B0B0B0; border-right:1px solid #B0B0B0; font-size:12px; height:45px; width:150px; }

text_border2

{

border:1px; solid #BoBoBo;

}

text_border3

{

border-top:1px; solid #BoBoBo;

border-left:2px; solid #000000;

border-right:2px; solid #000000;

border-bottom:1px; solid #BoBoBo;

}

text_border4

{

border-top-color:1px; solid #BoBoBo;

border-left-color:2px; solid #CC0033;

border-right-color:2px; solid #CC9933;

border-bottom-color:2px; solid#0099FF;

}