border-left

The border-left property shorthand for all left border properties.

Formal Syntax

border-left = <line-width> || <line-style> || <color> <line-width> = <length [0,∞]> | thin | medium | thick <line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset <color> = <color-base> | currentColor | <system-color> | <contrast-color()> | <device-cmyk()> | <light-dark()>

Initial value: See individual properties
Applies to: all elements except ruby base containers and ruby annotation containers
Inherited: no
Percentages: N/A
Computed value: see individual properties
Animation type: see individual properties

See specification

JavaScript Access

// Access via element.style element.style.borderLeft = "See individual properties";

Browser Support

standard | MDN · Spec

Feature	Chrome	Firefox	Safari	Edge
border-left	1	1	1	12
currentColor	≤31	≤50	≤9.1	≤15
dashed	1	1	1	12
dotted	1	1	1	12
double	1	1	1	12
groove	1	1	1	12
hidden	1	1	1	12
inset	1	1	1	12
medium	1	1	1	12
none	1	1	1	12
outset	1	1	1	12
ridge	1	1	1	12
solid	1	1	1	12
thick	1	1	1	12
thin	1	1	1	12
transparent	1	1	1	12

css.properties

border-left

Formal Syntax

JavaScript Access

Browser Support

Related Properties