border-bottom

christian.dinh2481 total contributions
Published Jun 28, 2021Updated Sep 3, 2021
Contribute to Docs
Shorthand property that defines the width, color, and style of the bottom border of an element.
Syntax
border-bottom: <value>;
where <value>
can be one of the following:
- Border width:
thick
- Border style:
dashed
- Border color:
#f1f1f1
Note: values can be provided in any order.
Example 1
Set the bottom border of the h1
element to be green, 3 pixels thick, and dotted:
h1 {border-bottom: green 3px dotted;}
Example 2
Set the bottom border of the h1
element to be 4 pixels thick, dashed, and blue:
h1 {border-bottom: 4px dashed blue;}
All contributors
- christian.dinh2481 total contributions
- Anonymous contributorAnonymous contributor3077 total contributions
- robgmerrill124 total contributions
- christian.dinh
- Anonymous contributor
- robgmerrill
Looking to contribute?
- Learn more about how to get involved.
- Edit this page on GitHub to fix an error or make an improvement.
- Submit feedback to let us know how we can improve Docs.