CSS bordertop Property (original) (raw)

CSS border-top Property

Last Updated : 26 Aug, 2024

The border-top property in CSS is used to set all top border properties in one line. This property is used to set the width, style, and color of the top border.

**Syntax:

border-top: border-width border-style border-color|initial|inherit;

**Property Values:

• **border-width: It is used to set the width of the border.
• **border-style: It is used to set the style of the border. Its default value is 'none'.
• **border-color: It is used to set the color of the border.
• **initial: This property is used to set border-top to its default value.
• **inherit: This property is inherited from its parent.

**Example: In this example, we are using the above-explained property.

HTML `

<!-- border-top CSS property -->
<style>
    h1 {
        border-top: 5px solid green;
    }

    h2 {
        border-top: 4px dotted black;
    }
</style>

<h1>GeeksforGeeks</h1>
<h2>border-top property</h2>

`

**Output:

**Supported Browsers: The browser supported by border-top property are listed below:

• Google Chrome 1.0 and above
• Edge 12 and above
• Internet Explorer 4.0 and above
• Firefox 1.0 and above
• Opera 3.5 and above
• Safari 1.0 and above