CSS BORDER TOP

Summary

The border-top is a shorthand property for setting the width, style and color of top border of a box. This property can be used to set the values for one or more of: border-top-width, border-top-style, and border-top-color. Omitted values are set to their initial values.

• Initial value: see individual properties for details
• Applies to: all elements
• Inherited: no
• Percentages: N/A
• Media: visual
• Computed value: see individual properties

Syntax

border-top: [border-width || border-style || border-color | inherit] ;

Legal Values

border-width

• See border-width.

border-style

• See border-style.

border-color

• See border-color.

Usage Examples

element { 
    border-top: 1px solid #000;
}

Specification Conformance

• CSS 1
• CSS 2.1
• CSS 3

See Also

border, border-top-width, border-top-style, and border-top-color