border-color
Anonymous contributor
Anonymous contributor
Anonymous contributor
Published May 13, 2021Updated Sep 3, 2021
Contribute to Docs
Sets the color of the border. The default value is the current element color.
Syntax
border-color: <color>;
where <color>
can be one of the following:
- Color keyword:
red
,transparent
,darkblue
- Hexadecimal value:
#FF0000
- RGB value:
rgb(255, 0, 0)
- RGBA value:
rgba(255, 0, 255, 0.3)
- HSL value:
hsl(0, 100%, 50%)
- HSLA Value:
hsla(180, 80%, 100%, 0.8)
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 coral
and the left and right borders beige
:
h1 {border-color: coral beige;}
All contributors
- Anonymous contributorAnonymous contributor
- Anonymous contributor
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.