CSS - border-bottom-width



Sets the width of the bottom border of an element.

Possible Values

  • length − Any length unit. Length units for this property may not be negative.

  • thin − A border which is thinner than a border set to medium.

  • medium − A border which is thicker than a border set to thin, and thinner than a border set to thick.

  • thick − A border which is thicker than a border set to medium.

Applies to

All the HTML elements.

DOM Syntax

object.style.borderBottomWidth = "2px";
Always declare the border-style or the border-bottom-style property before the border-bottom-width property.

Example

Following is the example demonstrates border-bottom-width property:

<html>
<head>
   <style>
       p {border-style: solid;
          border-bottom-width: thin;
          }
       h2{
           border-style: dotted;
           border-bottom-width: 10px;
       }
   </style>
</head>
<body>
      <h2>border-bottom-width (single-side)</h2>
      <p>Different border widths on all sides. Check the width at the bottom of the element.</p>
</body>
</html>
Advertisements