By using this site you agree to the use of cookies by Brugbart and our partners.

Learn more

CSS Border-right-width Property

Reference on the border-right-width property of CSS.

Edited: 2015-12-07 13:04

The CSS border-right-width property controls the width of the right border on a HTML element.

To minimize your CSS StyleSheets, it may be better to set the width using the border-width shorthand property, or even better, set everything at once using the border property.

The width on an element's borders are typically set using pixel values rather than relative units.

Possible Values

Read Units of Measurement to understand the values

Inherited? NO!

CSS StyleSheet Example

div {
  border-right-width: 1px;

Border-right-width Example

In this example, we are setting the width of the right border to 10 px, on a HTML element with a border-style.

<div style="background:#E8E8E8;width:300px;height:200px;border-style:solid;border-right-color:#0000FF;border-right-width:10px;"></div>

Which will look like: