CSS border-top Property

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 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 border.
border-style: It is used to set the style of border. Its default value is ‘none’.
border-color: It is used to set the color of 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

<!-- HTML code to illustrates
border-top property -->
<!DOCTYPE html>

<html>

<head>

    <title>border-top property</title>
 
    <!-- border-top CSS property -->

    <style>

        h1 {

            border-top: 5px solid green;

        }
 
        h2 {

            border-top: 4px dotted black;

        }

    </style>

</head>
 
<body style="text-align:center">
 
    <h1>GeeksforGeeks</h1>

    <h2>border-top property</h2>

</body>

</html>