The **`border-top-color` property** in #key# CSS: Cascade Style Sheets #key# is used to set the color of the top border of the element. 

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

#   
#  Syntax

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

##  
## Property values

- **`color`**: This is used to set the color of the top 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-top: 10px ; 
    border-top-color: solid skyblue;
}


codemirror

What is the CSS border-top-color property?

Sets the top border color in CSS. Requires 'border-style' or 'border-top-style'. Values: color, transparent, initial, inherit.

What is the CSS border-top-color property?

Syntax

Property values

Code