CSS border-bottom property
Set the bottom border style:
p
{
border-style:solid;
border-bottom:thick dotted #ff0000;
}
{
border-style:solid;
border-bottom:thick dotted #ff0000;
}
Try it out . . .
Label definition and instructions for use
Border-bottom abbreviated properties set all bottom border properties in a declaration.
The properties that can be set are (in order): border-bottom-width, border-bottom-style, and border-bottom-color.
If the above value is missing a relationship, such as border-bottom:#FF0000; is allowed
| Default: | not specified |
|---|---|
| Inherited: | no |
| Version: | CSS1 |
| JavaScript syntax: | object object.style.borderBottom="3px solid blue" |
Browser support
The numbers in the table support the first browser version number of the property.
| Attributes | |||||
|---|---|---|---|---|---|
| border-bottom | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Property Values
| value | describe |
|---|---|
| border-bottom-width | Specify the bottom border width |
| border-bottom-style | Specify the bottom border pattern |
| border-bottom-color | Specify the bottom border color |
| inherit | Specify the Border-Bottom property value, you should inherit from the parent element |
Related articles
CSS tutorial: CSS Border