CSS2 » Properties » border-bottom

Version: Level 1

Compability:  IE4+  N6

Syntax:
border-bottom : border-bottom-width &| border-style &| border-color

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. This property is not inherited.

Examples

Code:
body { border-bottom: thick dashed yellow; }
body { border-bottom: 23px double yellow; }
body { border-bottom: dotted gray; }
Language(s): CSS2
Code:
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!

Language(s): CSS2

See Also: