border-top-width

Summary

Sets the width of an element's top border. To set all four borders, use the border-width shorthand property which sets the values simultaneously for border-top-width, border-right-width, border-bottom-width, and border-left-width.

Overview table

Initial value

medium

Applies to

All elements

Inherited

No

Media

visual

Computed value

An absolute length; 0 if the border style is 'none' or 'hidden'

Animatable

No

CSS Object Model Property

borderTopWidth

Percentages

N/A

Syntax

• border-top-width: <width>

• border-top-width: medium

• border-top-width: thick

• border-top-width: thin

Values

medium

Default.

thin

Less than the default width.

thick

Greater than the default width.

<width>

Floating-point number, followed by an absolute units designator (cm, mm, in, pt, or pc) or a relative units designator (em, ex, or px). For more information about the supported length units, see CSS Values and Units Reference.

Examples

CSS border width values.

.medium {
  border-top-width: medium;
}
.thin {

border-top-width: thin;

}
.thick {

border-top-width: thick;

}
.width {

border-top-width: 10px;

}

Related specifications

W3C CSS Backgrounds and Borders Module Level 3

Candidate Recommendation

See also

Related articles

Border

• border

• border-bottom

• border-bottom-color

• border-bottom-left-radius

• border-bottom-style

• border-bottom-width

• border-color

• border-image

• border-image-outset

• border-image-repeat

• border-image-slice

• border-image-source

• border-image-width

• border-left

• border-left-color

• border-left-style

• border-left-width

• border-radius

• border-right

• border-right-color

• border-right-style

• border-right-width

• border-top

• border-top-color

• border-top-left-radius

• border-top-right-radius

• border-top-style

• border-top-width

• border-width

Attributions

• Microsoft Developer Network: [Windows Internet Explorer API reference Article]