The **`border-top-width` property** in #key# CSS: Cascade Style Sheets #key# sets the element's width of the top border.  

> We should declare the `border-style` and `border-top-style` property before using the `border-top-width` property because the width is only changed when the element has some border.

# Syntax

---
```css
border-top-width: medium|thin|thick|length|initial|inherit;
```

# Property values

- **`thin`**: It is used to specify that the top border is thin.

- **`thick`**: It is used to specify that the top border is thick.

- **`length`**: It is used to define the thickness of the top border.

- **`medium`**: It is the default value and is used to specify that the top border is medium. 

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

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

# Code

The following is the basic #key# HTML: HyperText Markup Language #key# and CSS code to demonstrate the use of the `border-top-width` property.

<!DOCTYPE html>
<html>
<head>
    <title>Example</title>
</head>
 
<body style="text-align: center">
 
    <heading>
        <pre>
            Welcome 
            To 
            Educative 
            Edpresso 
            Shots
        </pre>
    </heading>
  
</body>
</html>  

pre 
{
    border-top-width: 15px;     //Setting the width of the top border
    border-top-style: solid;   //Setting the style how the border should look
    border-top-color: blue;  //Defining the color of border
}

codemirror

What is the CSS border-top-width property?

Sets element's top border width after specifying border style. Values include thin, thick, length, medium, initial, inherit.