border-bottom-width - HTML CSS CSS Property

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

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

Description

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

The following table summarizes the border-bottom-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-bottom-width:      thin | medium | thick | length | initial | inherit

You must declare the border-style property before the border-bottom-width property.

Property Values

The following table describes the values of border-bottom-width 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-bottom-width property.

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

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html lang="en">
 <head>
  <title>Example of CSS border-bottom-width property</title>
  <style type="text/css">
    p {<!--from www. j  a va2 s  .  co m-->
        border-style: solid;
        border-bottom-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