border image source

Education is not limited to just classrooms. It can be gained anytime, anywhere... - Ravi Ranjan (M.Tech-NIT)

CSS3 border-image-source Property

Example

Specify an image as the border around an element:

#borderimg {
    border-image-source: url(border.png);
}

Definition and Usage

The border-image-source property specifies the path to the image to be used as a border (instead of the normal border around an element).

Tip: If the value is "none", or if the image cannot be displayed, the border styles will be used.

CSS Syntax

border-image-source: none|image|initial|inherit;

Property Values

Value Description
none No image will be used
image The path to the image to be used as a border