• Skip to content
• Skip to navigation
• You are here:
  • CSS Reference
    • border-top

border-top

• Definition
• Example
• Characteristics
• See also

Definition

The border-top property is a shorthand method for setting border-top-width, border-top-style and border-top-color values. The top border is represented by the yellow highlighted area in the illustration below.

Example

1. h1 {border-top: thick solid red}

This is equivalent to:

1. h1 {
2. border-top-width: thick;
3. border-top-style: solid;
4. border-top-color: red;
5. }

Characteristics

Possible values

• Values from border-top-width, border-top-style and border-top-color.

• inherit

  Use the same computed value as the parent element for this property.

Default value

See individual properties

Applies to

All elements

Inherited

No

See also

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

Must read

• XHTML reference
• Media types - how the Web works
• Serving XHTML as HTML
• Serving XHTML as XML
• CSS reference

Articles

• Conversation with Opera on Web standards
• Conversation with CSS 3 team
• Fixing the Web - part 1
• CSS Naked Day
• Conversation with XHTML 2 team
• Conversation with X/HTML 5 team
• X/HTML 5 versus XHTML 2
• CSS and accessibility
• What is W3C?

Coming soon

• XHTML tutorial
• XML tutorial
• Articles on Web standards and accessiblity