CSS border-inline

Previous Next

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

Click the property values below to see the result:

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

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