CSS border-image-slice

Previous Next

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

Click the property values below to see the result:

border-image-slice: 10;
border-image-slice: 30;
border-image-slice: 50;
border-image-slice: 20 25;
border-image-slice: 10%;
border-image-slice: 10% 20%;
border-image-slice: 10% fill;
A demonstration on different ways to slice the image border.

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

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

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

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

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

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

We used this image:

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