CSS border-left Property

The border-left property is a shorthand property for (in the following order): The CSS border-left property defines the width, line style, and color of the left border of a box. It is a shorthand property for setting the border-left-width, border-left-style, and border-left-color CSS properties.

  • border-left-width
  • border-left-style (required)
  • border-left-color


The syntax for the border-left CSS property is:

border-left: border-left-width border-left-style border-left-color;


  • When using the border-left property, you can provide one or all of the values (border-left-width, border-left-style, and border-left-width values) and they can be provided in any order.
  • You must provide a value for the border-left-style for the left border to appear.
  • See also the border-left-color, border-left-width properties.
  • Need to convert your color value to a different representation? Try this online tool to convert your color value between hexadecimal and RGB.

Example -