CSS border-right-style

Demo

The CSS border-right-style property allows you to set the style of a right-side border.

You can also use border-style to set the style for all sides of your element, or border-right to set all border properties for the right side.

You can use the border-right-color or border-color properties to set the color of the border. If you don't set a color, the default will be whatever the current color is.

Also, the default width of a border is medium. You can specify the width using either the border-right-width or border-width properties.

Syntax

border-right-style: <border-style>

Possible Values

  • none
  • hidden
  • dotted
  • dashed
  • solid
  • double
  • groove
  • ridge
  • inset
  • outset

In addition, all CSS properties also accept the following CSS-wide keyword values as the sole component of their property value:

initial
Represents the value specified as the property's initial value.
inherit
Represents the computed value of the property on the element's parent.
unset
This value acts as either inherit or initial, depending on whether the property is inherited or not. In other words, it sets all properties to their parent value if they are inheritable or to their initial value if not inheritable.

Specifications

Initial Value
None
Applies To
All elements.
Inherited?
Yes
Media
Visual

Example Code

div.border-style {border-right-style:dotted}