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

border

• Definition
• Example
• Characteristics
• See also

Definition

The border property is a shorthand method for setting the save values for border-width, border-style and border-color for all four borders. Border is the space between the element's padding and the element's margin, and is represented by the yellow highlighted area in the illustration below.

Example

1. p {border: 1px dashed blue}

This is equivalent to:

1. p {
2. border-top: 1px dashed blue;
3. border-bottom: 1px dashed blue;
4. border-left: 1px dashed blue;
5. border-right: 1px dashed blue;
6. }

Characteristics

Possible values

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