Scholar Repository
Home>Manual>CSS Border-bottom-width Property

CSS Border-bottom-width Property

From http://www.w3schools.com (Copyright Refsnes Data)

CSS border-bottom-width Property


CSS Reference Complete CSS Reference


Definition

The border-bottom-width sets the width of an element's bottom border.

Inherited: No

Note: Always declare the border-style property before the border-width property. An element must have borders before you change the width of them.


JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.

Scripting Syntax: object.style.borderBottomWidth="thick"

In our HTML DOM tutorial you can find more details about the borderBottomWidth property.

In our HTML DOM tutorial you can also find a full Style Object Reference.


Example

table

border-style: solid;
border-bottom-width: thin
}

table

border-style: solid;
border-bottom-width: 0.5px
}

Possible Values

Value Description
thin Defines a thin bottom border
medium Default. Defines a medium bottom border
thick Defines a thick bottom border
length Allows you to define the thickness of the bottom border



Try-It-Yourself Demos

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


CSS Reference Complete CSS Reference

From http://www.w3schools.com (Copyright Refsnes Data)

Home>Manual>CSS Border-bottom-width Property