border-bottom-width

Sets the width of the border of the object.

Syntax

{ border-bottom-width: sWidth }

Possible values

sWidth

Variant that specifies one of the following values:

medium

Default.

thick

Greater than the default width.

thin

Less than the default width.

width

Floating-point number, followed by an absolute units designator (cm, mm, in, pt, or pc) or a relative units designator (em, ex, or px).

For more information about the supported length units, see Length units reference.

This property has a default value of medium. It is not inherited.

Examples

The following example uses the border-bottom-width 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:

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

Standards information

This property is defined in Cascading Style Sheets (CSS), Level 1 (CSS1) Ee371297.xtlink_newWindow(en-us,Expression.40).png.

Applies to

a, abbr, acronym, b, bdo, big, blockquote, body, button, caption, center, cite, code, custom, dd, defaults, del, dfn, div, dl, dt, em, embed, fieldset, font, form, frame, hn, hr, i, iframe, img, input type=button, input type=checkbox, input type=file, input type=image, input type=password, input type=radio, input type=reset, input type=submit, input type=text, ins, li, object, ol, p, q, s, span, sub, table, td, th, tt, u, ul, var, xmp

See also

Concepts

border
border-bottom
border-width

Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.