CSS borderleft Property (original) (raw)

CSS border-left Property

Last Updated : 23 Aug, 2024

The **border-left property in CSS is used to set all bottom left properties in one line. It is used to set the width, style, and color of the left border.
**Syntax:

border-left: border-width border-style border-color|initial|
inherit;

**border-left is a shorthand to set the below property values.
**Property Values:

• **border-width: It is used to set the width of border.
• **border-style: It is used to set the style of border. Its default value is ‘none’.
• **border-color: It is used to set the color of border.
• **initial: This property is used to set border-bottom to its default value.
• **inherit: This property is inherited from its parent.

**Example 1:

html `

<!-- border-left CSS property -->
<style>
    h1 {
        border-left: 5px solid green;
    }
    
    h2 {
        border-left: 4px dotted black;
    }
    
    div {
        border: 2px solid red;
        border-left: 2px dashed black;
    }
</style>

<h1>GeeksforGeeks</h1>
<h2>border-left property</h2>
<div>
  GeeksForGeeks.
  A computer science portal for geeks.
</div>

`

**Output:

**Supported Browsers: The browser supported by _border-left property are listed below:

• Google Chrome 1.0
• Edge 12.0
• Internet Explorer 4.0
• Firefox 1.0
• Opera 3.5
• Safari 1.0