CSS border-top Property

CSS border-top Property; Set the style of the CSS border-top for different elements.

h1 { border-top: 5px solid red; }h2 { border-top: 4px dotted blue; }div {
border-top: double;


Try it Yourself »

Definition and Usage

The border-top shorthand property sets all the top border properties in one declaration.

The properties that can be set must be in the following order:

  • border-top-width
  • border-top-style
  • border-top-color

If border-top-color is omitted, the color applied will be the color of the text.

Default value: medium none color
Inherited: no
Animatable: yes, see individual propertiesRead about animatable – Try it
Version: CSS1
JavaScript syntax: object.style.borderTop=”3px dashed blue” Try it
CSS Syntax
border-top: border-width border-style border-color|initial|inherit;
Property Values
Value Description
border-top-width Required. Specifies the width of the top border. Default value is “medium”
border-top-style Required. Specifies the style of the top border. Default value is “none”
border-top-color Optional. Specifies the color of the top border. Default value is the color of the text
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit