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:

filter_none

edit
close

play_arrow

link
brightness_4
code

<!-- 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>                    

chevron_right


Output:

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

  • Google Chrome 1.0
  • Internet Explorer 4.0
  • Firefox 1.0
  • Opera 1.0
  • Safari 3.5


My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.