CSS/Properties/border-bottom-width

From W3C Wiki
Jump to: navigation, search

border-bottom-width

The border-bottom-width property sets the width of the bottom border of a box.

Description

Values [[thin | medium | thick] | <length>] | inherit
Initial value medium
Applies to all elements
Inherited No


Values

  • thin
    A thin border.


  • medium
    A medium border.


  • thick
    A thick border.


  • <length>


  • inherit
    Takes the same specified value as the property for the element's parent.


Example

Example A

[style.css]

 h1 {
   border-top-width: 1px;
   border-right-width: 0px;
   border-bottom-width: 1px;
   border-left-width: 0px;
   border-style: solid;
 }

[index.html]

  <body>
    <h1>CSS border property example</h1>
  </body>

Csslist2 border-width.png

CSS Reference

The CSS specification defines the border-bottom-width property in 8.5.1 Border width.

See also