Loading Please Wait...
CSS border-color property is used to set border color of the element.
The border-color property can have following values:
Color names: red, blue, green, etc.
RGB and RGBA: rgb(145, 254, 0), rgba(145, 254, 0, 0.85), etc.
HEX and HEXA: #39f644, #86f1faF0, etc.
HSL and HSLA: hsl(154, 22%, 64%), hsla(240, 100%, 50%, 0.3), etc.
Global values: inherit, initial, revert, revert-layer, and unset.
Sets border color for all sides
border-color: red;
First value sets color of top-bottom and second value sets color of left-right
border-color: red rgb(145, 254, 0);
First value sets color of top, second value sets color of left-right and third value sets color of bottom
border-color: red rgb(145, 254, 0) #39f644;
First value sets color of top, second value sets color of right, third value sets color of bottom, and forth value sets color of left.
border-color: red rgb(145, 254, 0) #39f644 hsla(240, 100%, 50%, 0.3);
/* all sides*/
border-color: red;
border-color: blue;
/* top and bottom | left and right */
border-color: red rgb(145, 254, 0);
/* top | left and right | bottom */
border-color: red rgb(145, 254, 0) #39f644;
/* top | right | bottom | left */
border-color: red rgb(145, 254, 0) #39f644 hsla(240, 100%, 50%, 0.3);
/* Global values */
border-color: inherit;
border-color: initial;
border-color: revert;
border-color: revert-layer;
border-color: unset;
CSS provide border-top-color, border-right-color, border-bottom-color, border-left-color property to set border color of individual sides.
/* top border */
border-top-color: red;
/* right border */
border-right-color: rgb(145, 254, 0);
/* bottom border */
border-bottom-color: #39f644;
/* left border */
border-left-color: hsla(240, 100%, 50%, 0.3);
How you feel about this blog:
Share this blog on:
If you find any error in the turtorials, or want to share your suggestion/feedback, feel free to send us email at: info@lynxsia.com
Contact Us
We are concern with various development process like website design & development, E-commerce development, Software development, Application development, SMS & Bulk SMS Provider, PWA Development, and many more..
Copyright © , Lynxsia IT Solutions, All rights reserved