border-bottom-width

Description

border-bottom-width sets the width for the bottom border.

ItemValue
Initial value medium
Inherited No.
Version CSS1
JavaScript syntax object.style.borderBottomWidth="thick"
Applies to All elements.

Syntax and Property Values


border-bottom-width: non-negative length | medium | thick | thin | inherit 

The property values are listed in the following table.

Value Description
thin thin border
medium medium border. default
thick thick border
length set the thickness
inherit inherit the border width from the parent element

Example


<!DOCTYPE HTML>
<html>
    <head>
        <style>
        h2 {<!--from  w  ww.  j a v  a2s .  c o m-->
         border-bottom-width: 2px;
         border-bottom-style: double;
        }
        </style>
    </head>
<body>
  <h2>This is the title</h2>
</body>
</html>

Click to view the demo

You have to set the border-bottom-style in order to see the border.

The code above generates the following result.

border-bottom-width




















Home »
  HTML CSS »
    HTML CSS Reference »




HTML Tag Reference
CSS Reference
CSS Selector Reference
Encoding Reference