CSS Basic

CSS HOME
CSS Introduction
CSS Syntax
CSS How To
CSS Background
CSS Text
CSS Font
CSS Box Model
CSS Border
CSS Outline
CSS Margin
CSS Padding
CSS List
CSS Table

CSS Advanced

CSS Dimension
CSS Classification
CSS Positioning
CSS Pseudo-class
CSS Pseudo-element
CSS Image Gallery
CSS Image Opacity
CSS Media Types
CSS Don't
CSS Summary

CSS Examples

CSS References

CSS Reference
CSS Ref Alphabetical
CSS Ref Aural
CSS Units
CSS Colors
CSS Colorvalues
CSS Colornames

CSS Quiz

CSS Quiz
CSS Exam

CSS border-top Property

Complete CSS Reference

Example

Set the style of the top border:

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

Definition and Usage

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"

Browser Support

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

Note: Internet Explorer does not support the property value "inherit".

Property Values

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