CSS border-right

Previous Next

Demo of the different values of the border-right property.

To stop the demo, click one of the possible values.

border-right: 5px solid red;
border-right: 10px solid red;
border-right: 4px dotted blue;
border-right: 4px dashed blue;
border-right: 4px inset;
border-right: 4px outset;
border-right: 4px ridge;
border-right: 4px groove;
border-right: double;
A demonstration on different ways do add a right border.
A demonstration on different ways do add a right border.
A demonstration on different ways do add a right border.
A demonstration on different ways do add a right border.
A demonstration on different ways do add a right border.
A demonstration on different ways do add a right border.
A demonstration on different ways do add a right border.
A demonstration on different ways do add a right border.
A demonstration on different ways do add a right border.

Play more with the code in our Tryit yourself editor: Try it Yourself ❯