border-style

christian.dinh2481 total contributions
Published May 12, 2021Updated Sep 3, 2021
Contribute to Docs
Sets the style of the border. The default value is none
.
Syntax
border-style: <line-style>;
where <line-style>
can be the following values:
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
Example 1
Set border of the h1
element to be green, 3 pixels thick, and dotted:
h1 {border-color: green;border-width: 3px;border-style: dotted;}
Example 2
Set the top and bottom borders dashed and the left and right borders solid:
h1 {border-style: dashed solid;}
All contributors
- christian.dinh2481 total contributions
- Anonymous contributorAnonymous contributor3077 total contributions
- jiwon.shin5 total contributions
- christian.dinh
- Anonymous contributor
- jiwon.shin
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.