Set the color of the left border.
Syntax border-left-color: color | transparent | inherit ;
Color - A color name or hex code
transparent - Make the element see-through
inherit - Inherit from a parent element.
The border-style property must be set for the border-width or border-color properties to have any effect.
inherit - Inherit from the parent element.
Examples:
h1 { border-left-color: #ff0000; }
.emw3class { border-left-color: #93622f; }
#emw3id { border-left-color: #2b5e55; }
Try it:
This is a sample of text with a CSS border. Each of the 4 borders can be styled separately with CSS. |
(CSS 1) Browser Support: All major browsers.
“I found I could say things with color and shapes that I couldn't say any other way - things I had no words for” ~ Georgia O'Keeffe
Related:
Border-left-color - MDN Web Docs.
border-bottom-color - Color of the bottom border.
border-right-color - Color of the right border.
border-top-color - Color of the top border.
border-left-width - Width of the left border.
border-left-style - Style of the left border.
border-style - Style of the four borders.
color - Text color.