CSS border-image-width

Previous Next

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

Click the property values below to see the result:

border-image-width: 10px;
border-image-width: 20px;
border-image-width: 40px;
border-image-width: 10px 40px;
border-image-width: 1;
border-image-width: 2;
border-image-width: 10%;
border-image-width: 50%;
border-image-width: 30px 30px 40px 10px;
border-image-width: auto;
A demonstration on how to change the image width of the border.

A demonstration on how to change the image width of the border.

A demonstration on how to change the image width of the border.

A demonstration on how to change the image width of the border.

A demonstration on how to change the image width of the border.

A demonstration on how to change the image width of the border.

A demonstration on how to change the image width of the border.

A demonstration on how to change the image width of the border.

A demonstration on how to change the image width of the border.

A demonstration on how to change the image width of the border.

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