CSS border-bottom-width ιδιότητα

Definition and Usage

The borderBottomWidth property sets the width of the bottom border of an element.

It only takes effect when the border style is not none. If the border style is none, the border width is actually reset to 0. Negative length values are not allowed.

Note:Always declare the border-style property before the border-bottom-width property. An element can only change its border width after it has received a border.

See Also:

CSS Tutorial:Περίγραμμα του CSS

CSS Reference Manual:border-bottom Property

HTML DOM Reference Manual:borderBottomWidth Property

Example

Set Bottom Border Width:

p
  {
  border-style:solid;
  border-bottom-width:15px;
  }

Try It Yourself

CSS Syntax

border-bottom-width: medium|thin|thick|length|initial|inherit;

Property Value

Value Description
thin Define a thin bottom border.
medium Default value. Defines a medium bottom border.
thick Define a thick bottom border.
length Allows you to customize the width of the bottom border.
inherit Specify that the border width should be inherited from the parent element.

More Examples

Set Bottom Border Width
This example demonstrates how to set the width of the bottom border.

Technical Details

Default Value: medium
Inheritance: no
Version: CSS1
JavaScript Syntax: object.style.borderBottomWidth="thick"

Browser Support

The numbers in the table indicate the first browser version that fully supports this property.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Note:Browsers prior to IE7 do not support the value "inherit". IE8 requires !DOCTYPE. IE9 supports "inherit".