border-left-width - HTML CSS CSS Property

HTML CSS examples for CSS Property:border-left-width

  1. HOME
  2. HTML CSS
  3. CSS Property
  4. border-left-width

Description

The border-left-width CSS property sets the width of an element's left border.

The following table summarizes the border-left-width Property.

Item Value
Default value: medium
Applies to:All elements
Inherited: No
Animatable: Yes.

Syntax

The syntax of the property is as follows: 

border-left-width:      thin | medium | thick | length | inherit

Property Values

The following table describes the values of this property.

Value Description
thinA thin border.
medium A medium border.
thick A thick border.
length A length value in px, pt, cm, em, etc. Negative values are not allowed.
initial Sets this property to its default value.
inherit takes the value of its parent element border-left-width property.

The example below shows the border-left-width property.

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html lang="en">
 <head>
  <title>Example of CSS border-left-width property</title>
  <style type="text/css">
    p {<!--  w  w w  . j  a  v a  2s  .com-->
      border-style: solid;
        border-left-width: 15px;
    }
    </style>
 </head>
 <body>
  <p>This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. </p>
 </body>
</html>

Related Tutorials