border
border-bottom-width
border-color
border-left
border-left-width
border-right
border-right-width
border-style
border-top
border-top-width
border-width
PROPERTY: border-bottom
border-bottom
:
border-bottom-width
&|
border-style
&|
border-color
Compatibility:
IE4+ N6
Version:
Level 1
Inherited:
No
The
border-bottom
property is a shortcut that allows you to declare for the bottom border the
border-bottom-width
, and/or the
border-style
, and/or the
border-color
properties in only one declaration. The color value uses the same values as discussed in
border-color
.
Code:
body { border-bottom: thick dashed yellow; }
body { border-bottom: 23px double yellow; }
body { border-bottom: dotted gray; }
or
p.bordr
{
border-bottom: 25px solid red;
border-left: 25px solid yellow;
border-right: 25px solid blue;
border-top: 25px solid green;
}
...
<p class="bordr">
DevGuru is great!
</p>
Output:
DevGuru is great!
Copyright 1999-2001 by Infinite Software Solutions, Inc. All rights reserved.
Trademark Information