# border-left property

The `border-left` property specifies a color, type, and width for a left border. It is a shorthand property for `border-left-width`, `border-left-style` and `border-left-color`.

## Syntax

`selector { border-left: width type color; }`

The order of the properties does not matter.

## Example

Let's give the element a black left border with `2px` width:

`<div id="elem"></div>` `#elem { border-left: 2px solid black; background: #f9f9f9; width: 300px; height: 100px; }`

:

## See also

- the `border-right` property
  that specifies a right border
- the `border-top` property
  that specifies a top border
- the `border-bottom` property
  that specifies a bottom border
- the `border-radius` property
  that rounds border corners

← →
↑
en ru