CSS - border-bottom



Sets an element's bottom border; value is one or more of a color, a value for border-bottom-width, and a value for border-style.

Possible Values

Possible value is one or more of a color, a value for border-width, and a value for border-style.

Applies to

All the HTML elements.

DOM Syntax

object.style.borderBottom = "2px solid red";

Example

The border-bottom property allows you to specify color, style, and width of bottom lines in one property − as demonstrated in the following example:

<html>
<head>
   <style>
      p {
         border-bottom: solid #0000ff medium;
         }
      h2{
          border-bottom: rgba(50,123,111,0.4) 15px solid;
      }
   </style>
</head>
<body>
      <h2>H2 with shorthand border-bottom properties</h2>
      <p>Check the bottom borders!!!</p>

</body>
</html>
Advertisements