CSS border-inline-style

Previous Next

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

Click the property values below to see the result:

border-inline-style: none;
border-inline-style: hidden;
border-inline-style: dotted;
border-inline-style: dashed;
border-inline-style: dashed dotted;
border-inline-style: solid;
border-inline-style: double;
border-inline-style: groove;
border-inline-style: ridge;
border-inline-style: inset;
border-inline-style: outset;
border-inline-style: initial;
border-inline-style: inherit;;
A demonstration on different styles of the borders in the inline direction.
A demonstration on different styles of the borders in the inline direction.
A demonstration on different styles of the borders in the inline direction.
A demonstration on different styles of the borders in the inline direction.
A demonstration on different styles of the borders in the inline direction.
A demonstration on different styles of the borders in the inline direction.
A demonstration on different styles of the borders in the inline direction.
A demonstration on different styles of the borders in the inline direction.
A demonstration on different styles of the borders in the inline direction.
A demonstration on different styles of the borders in the inline direction.
A demonstration on different styles of the borders in the inline direction.
A demonstration on different styles of the borders in the inline direction.
A demonstration on different styles of the borders in the inline direction.

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