CSS Property: `border-left`

The width, style, and color of the left border of a box.

Possible Values

A space-separated list, containing up to three values representing border-left-width, border-left-style, and border-left-color. Any excluded values will default to their initial value.

Value	Description	Example
[width] (equivalent of `border-left-width` value)	Width is set explicitly. Style defaults to none. Color defaults to the computed `color` property of the box.	`2px`
[style] (equivalent of `border-left-style` value)	Style is set explicitly. Width defaults to medium. Color defaults to the computed `color` property of the box.	`solid`
[color] (equivalent of `border-left-color` value)	Color is set explicitly. Width defaults to medium. Style defaults to none.	`red`
[width] [style]	Width is set explicitly. Style is set explicitly. Color defaults to the computed `color` property of the box.	`2px solid`
[width] [color]	Width is set explicitly. Color is set explicitly. Style defaults to none.	`2px red`
[style] [color]	Style is set explicitly. Color is set explicitly. Width defaults to medium.	`solid red`
[width] [style] [color]	Width is set explicitly. Style is set explicitly. Color is set explicitly.	`2px solid red`
`inherit`
`initial`
`unset`


#insect { border-left: 2px dashed rgb(255,255,255); }