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:
