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

border-bottom

• Definition
• Example
• Characteristics
• See also

Definition

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

Example

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

This is equivalent to:

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

Characteristics

Possible values

• Values from border-bottom-width, border-bottom-style and border-bottom-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-bottom-width
• border-bottom-style
• border-bottom-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