Search w3schools.com:

SHARE THIS PAGE

CSS Reference

CSS Reference CSS Selectors CSS Reference Aural CSS Web Safe Fonts CSS Units CSS Colors CSS Color Values CSS Color Names CSS Color HEX CSS3 Browser Support

CSS Properties

CSS3 border-image-source Property


Example

Use an image as the border around a div element:

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

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The border-image-source property is not supported in any of the major browsers.

Look at the border-image property instead!


Definition and Usage

The border-image-source property specifies an image to be used, instead of the border styles given by the border-style properties.

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

Default value: none
Inherited: no
Version: CSS3
JavaScript syntax: object.style.borderImageSource="url(border.png)"


Syntax

border-image-source: none|image;

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



Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]