#        
## Overview
The **`border-right` property** in #key# CSS: Cascade Style Sheets #key# is used to define the color, style, and width of the right border.

It is a shorthand property of the following:

- `border-right-width`
- `border-right-style`
- `border-right-color`

---
> **Note:** It is mandatory to define `border-right-style`.

#   
#  Syntax

---
```css
border-right: border-width border-style border-color|initial|inherit;
```
---

##  
## Property values

- **`border-right-width`**: This is used to specify the width of the border. Medium is the default value.

- **`border-right-style`**: This has a default value of `NULL`. It is used to set the style of the border.

- **`border-right-color`**: This is used to set the color of the border.

- **`initial`**: This is used to set the value to its default value.

- **`inherit`**: This is used to inherit property from its parent value.

<!DOCTYPE html>
<title>Test Program</title>

<div class="bdr">
Welcome To Educative Edpresso Shots
</div>



// Async Tests Example
/*
window.onModulesLoaded = new Promise( function( resolve, reject ) {
  setTimeout(function() {
    pTag = document.querySelector("div");
    pTag.innerHTML = '';
    newVal = document.createElement("p");
    newVal.innerHTML = 'Hello World';
    pTag.appendChild(newVal);
    resolve();
  }, 100)
});
*/

.bdr {
border-right: 10px solid blue;    //Defining the color of right border
}


codemirror

## Explanation
We set the right border's color to blue. If we want to change the right border's color, we can do that as well.

What is the CSS border-right property?

Overview

Syntax

Property values

Example

Explanation