border-bottom-color - HTML CSS CSS Property

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

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

Description

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

The following table summarizes the border-bottom-color property.

Item Value
Default value: The value of the color property
Applies to:All elements
Inherited: No
Animatable: Yes.

Syntax

The syntax of the property is as follows: 

border-bottom-color:      color | transparent | inherit

You must declare the border-style property before the border-bottom-color CSS property.

An element must have borders before you can set the border color.

Property Values

The following table describes the values of this property.

Value Description
color Set the bottom border color.
transparent Allows the border to be transparent and occupy the space set by the border-width property.
initial Sets this property to its default value.
inherit takes the value of its parent element border-bottom-color property.

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

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html lang="en">
 <head>
  <title>Example of CSS border-bottom-color property</title>
  <style type="text/css">
    p {<!--from   www  .j  a  v  a 2  s.c  o m-->
        border-style: solid;
        border-bottom-color: #ff0000;
    }
    </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