CSS border-image-outset

Previous Next

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

Click the property values below to see the result:

border-image-outset: 2px;
border-image-outset: 5px;
border-image-outset: 10px;
border-image-outset: 10px 2px;
border-image-outset: 10px 5px;
border-image-outset: 10px 5px 15px 5px;
border-image-outset: 0;
border-image-outset: 1;
border-image-outset: 2;
A demonstration on how to set the border image outset.

We used this image:
A demonstration on how to set the border image outset.

We used this image:
A demonstration on how to set the border image outset.

We used this image:
A demonstration on how to set the border image outset.

We used this image:
A demonstration on how to set the border image outset.

We used this image:
A demonstration on how to set the border image outset.

We used this image:
A demonstration on how to set the border image outset.

We used this image:
A demonstration on how to set the border image outset.

We used this image:
A demonstration on how to set the border image outset.

We used this image:

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