HTML Dog
Skip to navigation

CSS Property: border-image-source

An image to be used as a border.

Possible Values

ValueDescriptionExample
noneNo border image. border-style makes up the border instead. Default.
[URL]Location of an image file.url("fluffy.png")
inherit

Example


aside {
    border: 10px solid fuchsia;
    border-image-source: url("fluffy.png");
}
/* Sets "fluffy.png" as the border image on a 10-pixel wide border with a solid fuchsia-colored fallback. */

Browser support

Can I Use border-image? Data on support for the border-image feature across the major browsers from caniuse.com.