The **`border-right-color` property** in #key# CSS: Cascade Style Sheets #key# is used to define the color of the elements of the right border. 

---
> In order to use the `border-right-color` property, we must use the `border-style` or the `border-right-style` property. This is because the color will only change if you have a border.


#   
#  Syntax

---
```css
border-right-color: color|transparent|initial|inherit;
```
---

##  
## Property values

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

- **`transparent`**: This is used to specify that the color of the border should be transparent. 

- **`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 ; 
    border-right-color: solid blue;
}


codemirror

What is the CSS border-right-color property?

Defines the right border color in CSS; requires border style to be effective.

What is the CSS border-right-color property?

Syntax

Property values

Code