Export (0) Print
Expand All
1 out of 3 rated this helpful - Rate this topic

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.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/borderBottomWidth.htm


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

See also

CSSStyleDeclaration
currentStyle
defaults
runtimeStyle
style
Reference
border
Other Resources
CSS Enhancements in Internet Explorer 6

 

 

Did you find this helpful?
(1500 characters remaining)
Thank you for your feedback
Show:
© 2014 Microsoft. All rights reserved.