CSS - border-left


Advertisements


Description

Sets an element's left border; value is one or more of a color, a value for border-left-width, and a value for border-style.

Possible Values

Possible value is one or more of a color, a value for border-width, and a value for border-style.

Applies to

All the HTML elements.

DOM Syntax

object.style.borderLeft = "2px solid red";

Example

The border-left property allows you to specify color, style, and width of left lines in one property −

Following is the example to show to use all the three properties into a single property.

<html>
   <head>
   </head>
   <body>
      <p style="border-left:4px solid red;">
      This example is showing shorthand property for border-left.
      </p>
   </body>
</html> 

This will produce following result −



Advertisements