CSS border-right

The border-right property in CSS allows you to set the style, width, and color of the right border of an element. This property is useful for adding visual interest and separating elements from each other.

Here is the syntax for the border-right property:


selector {
  border-right: value;
}

The value of the border-right property can include the border width, style, and color. Here are some examples:

Result:

This is an example of a bordered element with a solid black right border.

In the example above, the border-right property sets a right border of 2 pixels wide with a solid black color. The content of the element is also padded to make the border more visible.

You can also use specific values for the border style, such as dotted, dashed, or double to achieve different visual effects. Here is an example:

Result:

This is an example of a bordered element with a dashed blue right border.

In this example, the border-right property sets a right border of 4 pixels wide with a dashed blue style.

Overall, the border-right property is a useful CSS property for adding borders to elements and customizing their appearance.