CSS border-top Property

Example

Set the style of the top border:

p
{
border-style:solid;
border-top:thick double #ff0000;
}

Try it yourself »

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

The properties that can be set, are (in order): border-top-width, border-top-style, and border-top-color.

If one of the values above are missing, e.g. border-top:solid #ff0000, the default value for the missing property will be inserted, if any.

Default value:	not specified
Inherited:	no
Version:	CSS1
JavaScript syntax:	object.style.borderTop="3px solid blue"

The border-top property is supported in all major browsers.

Note: No versions of Internet Explorer (including IE8) support the property value "inherit".

Value	Description
border-top-width	Specifies the width of the top border. See border-top-width for possible values
border-top-style	Specifies the style of the top border. See border-top-style for possible values
border-top-color	Specifies the color of the top border. See border-top-color for possible values
inherit	Specifies that the value of the border-top property should be inherited from the parent element

CSS tutorial: CSS Border

HTML DOM reference: borderTop property