CSS border-right Property

CSS border-right Property

This property defines in a shorthand form the width, style, and color for the right border of an element.

Syntax -

border-right: border-width border-style border-color;

Now we will see the values with their description -

border-right-width	border-width sets the width of the right border as a positive numeric measurement or using a named value of thin, medium, or thick, and its default value is medium.
border-right-style	border-style, is used to set the style of the right border and is set to a value of dashed, dotted, double, groove, hidden, inset, none, outset, ridge, or solid, and its default value is "none".
border-right-color	border-color is used to set the color of the right border using a CSS color value, and its default value is color of the text.

Now we will see Example -

Example -

<!DOCTYPE html>
<html>
<style>
.one{
border: 4px solid;
border-right: thick dashed green;
}
.two{
border: 4px solid;
border-right: thick dotted green;
}
.three{
border: 4px solid;
border-right: thick double green;
}
</style>
<body>
<h1 class="one">This is a heading</h1>
<h1 class="two">This is a heading</h1>
<h1 class="three">This is a heading</h1>

</body>
</html>

Output -