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;}