15-CSS Border Color Property

0
94

The CSS Border Color Property gives the privilege  to change the color of any border surrounding a given set of elements. A user  can individually change the color of  any (bottom, left, top and right) sides of an element’s border using the following  properties −

  • border-bottom-color to change the color of the bottom border.
  • border-top-color to change the color of the top border.
  • border-left-color to  change the color of left border.
  • border-right-color to  change the color of the right border.

 
[css]


This is showing all borders in different and unique colors.

This is showing all borders in pink color only!!


[/css] This is another creative use of CSS border properties like dashed, groove, outset etc

Here I have provided you with another set of example to demonstrate it more clearly.
[css]

.

A border with no width.

a solid border.

a dahsed border.

a double border.

a groove border.

A ridge border.

a inset border.

an outset border.

a hidden border.


This is a border with four different styles.

[/css]
Facebook Comments

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.