CSS border-image

Previous Next

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

Click the property values below to see the result:

border-image: url(border.png) 50 round;
border-image: url(border.png) 20% round;
border-image: url(border.png) 30% round;
border-image: url(border.png) 20% stretch;
border-image: url(border.png) 30% stretch;
border-image: url(border.png) 40% stretch;
A demonstration on different ways to set the border image.

We used this image:
A demonstration on different ways to set the border image.

We used this image:
A demonstration on different ways to set the border image.

We used this image:
A demonstration on different ways to set the border image.

We used this image:
A demonstration on different ways to set the border image.

We used this image:
A demonstration on different ways to set the border image.

We used this image:

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