Skip to content
Related Articles

Related Articles

Improve Article

CSS | border-top Property

  • Last Updated : 03 Jan, 2019

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.


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.


<!-- HTML code to illustrates
border-top property -->
<!DOCTYPE html>
        <title>border-top property</title>
        <!-- border-top CSS property --> 
            h1 {
                border-top: 5px solid green;
            h2 {
                border-top: 4px dotted black;
    <body style = "text-align:center">
        <h2>border-top property</h2>


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
Recommended Articles
Page :