CSS border-inline-end-style

Previous Next

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

Click the property values below to see the result:

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

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