border-right#

#Introduction

The border-right shorthand CSS property sets all the properties of an element's right border.

#Examples

css-apisrc/border-right/App.tsx

Preview

#Syntax

.br-0 {
  border-right: thick double red;
}
.br-1 {
  border-right: thin dotted blue;
}

.br-2 {
  border-right: 10px dashed orange;
}

#Values

This property is a shorthand for the following CSS properties:

• border-right-width width of the border

• border-right-style style of the border

• border-right-color color of the border

#Formal definition

#Formal syntax

<line-width> || <line-style> || <color>
where
<line-width> = <length> | thin | medium | thick
<line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

#Difference from Web

• mdn:border-right

Global values are not supported. (inherit, initial, revert, unset, etc)

Default style value is solid.

#Compatibility