CSS Property border-bottom-width

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


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

CSS Syntax

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

Property Values

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

Browser compatibility

border-bottom-width Yes Yes Yes Yes Yes


An example showing how to use border-bottom-width CSS property.

        h2 {<!--from ww  w.j  a  va2 s . c o  m-->
         border-bottom-width: 2px;
         border-bottom-style: double;
  <h2>This is the title</h2>

Click to view the demo

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