border-right-width · WebPlatform Docs

Summary

Sets the width of an element's right 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: borderRightWidth

Percentages: N/A

Syntax

border-right-width: <width>
border-right-width: medium
border-right-width: thick
border-right-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-right-width: medium;
}
.thin {

border-right-width: thin;

}
.thick {

border-right-width: thick;

}
.width {

border-right-width: 10px;

}

View live example

Related specifications

W3C CSS Backgrounds and Borders Module Level 3: Candidate Recommendation

Attributions

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