CSS border

Previous Next

Demo of the different values of the border property.

Click the property values below to see the result:

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

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