CSS 'border-right-width' Property Explained

The CSS 'border-right-width' property sets the width of an element's right border. This property enables precise control over how thick or thin the right border appears, allowing for detailed customization of the element's outline or frame.

CSS 'border-right-width' Property Examples

See the Pen CSS 'border-right-width' Property by Webzstore (@webzstore) on CodePen.

The 'border-right-width' property offers significant flexibility in designing borders. It enables the integration of detailed graphical elements into the borders of web elements and enhances the visual appeal and thematic consistency of web designs.

Browser Support For 'border-right-width' Property

Source: MDN browser-compat-data 8.1.4, checked 3 October 2026. Prefixed support and implementations that were later removed are not counted, and some browsers list partial support or extra values. See the MDN reference for border-right-width for the full compatibility details, including mobile browsers.

CSS Syntax of the 'border-right-width' Property

border-right-width: thin | medium | thick | length | initial | inherit;

Usage of the 'border-right-width' Property

Use 'border-right-width' to define or adjust the thickness of an element's right border. This property is particularly useful for emphasizing or distinguishing the right side of an element within a layout or for designs that require specific border widths to convey visual hierarchy or draw attention to particular areas.

Property Values of the 'border-right-width' Property

• Thin: Specifies a thin right border.
• Medium: Sets the right border to a medium thickness, the default value.
• Thick: Makes the right border thick.
• Length: Allows for an exact measurement (e.g., px, em) to define the border width.
• Initial: Resets the 'border-right-width' to its default value.
• Inherit: Inherits the 'border-right-width' from the parent element.