CSS border-color

Previous Next

Demo of the different values of the border-color property.

Click the property values below to see the result:

border-color: red;
border-color: #0000ff;
border-color: rgb(0, 255, 0);
border-color: rgba(0, 255, 0, 0.5);
border-color: hsl(0, 100%, 50%);
border-color: hsla(0, 100%, 50%, 0.1);
border-color: transparent;
A demonstration on different ways to set the border color.
A demonstration on different ways to set the border color.
A demonstration on different ways to set the border color.
A demonstration on different ways to set the border color.
A demonstration on different ways to set the border color.
A demonstration on different ways to set the border color.
A demonstration on different ways to set the border color.

Play more with the code in our Tryit yourself editor: Try it Yourself ❯