Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

CSS Border-left property


May 05, 2021 CSS Reference Manual


Table of contents


CSS border-left property


Style the left box:

p
{
border-style:solid;
border-left:thick double #ff0000;
}

Try it out . . .

Description of property definition and use

Border-left short-write properties set all the properties of the left box to a declaration.

The following properties can be set in order: border-left-width, border-left-style, and border-left-color.

If you do not set one of these values, there will be no problem, such as border-left:solid #ff0000; It is also allowed.

Default: not specified
Inheritance: no
Version: CSS1
JavaScript syntax: object .style.borderLeft="3px solid blue"


Browser support

The numbers in the table support the first browser version number of the property.

Attributes
border-left 1.0 4.0 1.0 3.5 1.0

Property Values

Value Describe
border-left-width Specify the width of the left box. See also: Possible values in border-left-width.
border-left-style Specify the style of the left box. See also: Possible values in border-left-style.
border-left-color Specify the color of the left box. See also: Possible values in border-left-color.
inherit Specifies that the settings of the border-left property should be inherited from the parent element.


Related articles

CSS tutorial: CSS Border