Set the color of the left border.

      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.

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


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.

Copyright © 2013-2020
Some rights reserved