CSS border-right-width

The CSS border-right-width property sets the width of the right border of an element. It can be set using a variety of units, such as pixels, ems, or percentages.

Here is the syntax for the CSS border-right-width property:


selector {
  border-right-width: value;
}

Let's see some examples to better understand how the border-right-width property works.

Result:

This is an example of using the border-right-width property with a value of 10px on a div element.

In the example above, we have a <div> element with a black solid border of 2 pixels width. The border-right-width property is then set to 10 pixels, which increases the width of the right border to 10 pixels.

It's important to note that the border-right-width property only affects the width of the right border. The border-left-width, border-top-width, and border-bottom-width properties can be used to adjust the widths of the other borders of an element.