15-CSS Border Color Property


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.


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.


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.

Facebook Comments
Previous article14-CSS Cursor Property
Next article16-CSS Image Gallery
Hello Itsourcecoders, welcome to itsourcecode.com. I'm Joken Villanueva, MIT a passionate Blogger, Programmer and a Hobbyist. I started Itsourcecode because I wanted to give back and Share all the learnings and knowledge I've learned in my career and I believe through this website I would be able to help and assist those newbie programmers in enhancing their skills from different programming languages. So let us all help each other by sharing our ideas!

Leave a Reply

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