Was this page helpful?
Your feedback about this content is important. Let us know what you think.
Additional feedback?
1500 characters remaining
Export (0) Print
Expand All
Information
The topic you requested is included in another documentation set. For convenience, it's displayed below. Choose Switch to see the topic in its original location.

border-bottom-width property

Specifies the thickness of the bottom border of the object.

CSS Backgrounds and Borders Module Level 3, Section 4.3

 

Syntax

border-bottom-width: thin | thick | medium | <width>

Property values

medium

Initial value. The default thickness.

thin

Less than the default thickness.

thick

Greater than the default thickness.

width

Thickness specified by a floating-point number, followed by a supported length unit.

CSS information

Applies ToAll elements
Mediavisual
Inheritedno
Initial Valuemedium

Standards information

Examples

The following examples use the border-bottom-width CSS property and the borderBottomWidth scripting property to specify the border width.

This example uses a call to an embedded (global) style sheet to change the width of the bottom border to 1 centimeter when a mouse click occurs.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/border-bottom-width.htm


<head>
<style>
td {
  border-bottom-width: 3mm;
  border-style:solid;
  border-color:gray;
  text-align:center;
}
.changeborder1 {
  border-bottom-width: 1cm;
}
</style>
</head>
<body>
<table>
<tr>
  <td onclick="this.className='changeborder1'"
    ondblclick="this.className=''">
    <img src="sphere.jpg">
  </td>
</tr>
</table>

This example uses inline scripting to change the width of the bottom border to 1 centimeter when a mouse click occurs.


<td onclick="this.style.borderBottomWidth='1cm'">

See also

CSSStyleDeclaration
currentStyle
defaults
runtimeStyle
style
Reference
border

 

 

Show:
© 2015 Microsoft