This property defines which image should be used as a basis for creating an element’s border image.
The image specified by
border-image-source is split into 9 regions (see
border-image-slice) which are then used to create the final border-image.
/* Specifying a path to an image to be used as a border-image */ border-image-source: url("border-image.png");
A path to an image to be used as the source image for the border.
The border image won’t be used and the styling applied to the border (
border-style) will be used instead.
Global CSS keyword – this sets the property to the default value.
Global CSS keyword – this sets the property to be inherited from its parent element.
Have a code example of
border-image-source? Submit a codepen.io demo and we'll showcase it here ↴
Help @reference spread the word by sharing this article on Twitter...Tweet This