border-left

Shorthand property that defines the width, color, and style of the left border of an element.

Syntax

border-left: <value>;

where <value> can be one of the following:

  • Border width: thick
  • Border style: dashed
  • Border color: #f1f1f1

Note: values can be provided in any order.

Example 1

Set the left border of the h1 element to be green, 3 pixels thick, and dotted:

h1 {
border-left: green 3px dotted;
}

Example 2

Set the left border of the h1 element to be 4 pixels thick, dashed, and blue:

h1 {
border-left: 4px dashed blue;
}
Edit this page on GitHub

Contributors

Interested in helping build Docs? Read the Contribution Guide or share your feedback.

Learn CSS on Codecademy

Edit this page on GitHub

Contributors