1. Home
  2. CSS3 border-image-source property

The best CSS3 border-image-source property Tutorial In 2024, In this tutorial you can learn Examples,Browser Support,Attribute definitions and instructions,grammar,

CSS3 border-image-source property

Examples

Use an image as the div element border:

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

Browser Support

Figures in the table represent the first browser to support the version number of the property.

属性
border-image-source 15.0 11.0 15.0 6.0 15.0

Attribute definitions and instructions

border-image-source property specifies the image to be used instead of the border style set by the border-style property.

Tip: If the value is "none", or, if you can not display images, border styles will be used.

Defaults: none
inherit: no
version: CSS3
JavaScript syntax: object .style.borderImageSource = "url (border.png)"

grammar

border-image-source: none|image;

value Explanation
none No image is used
image Border use an image path

Hot Tools

Other Tools

Online Tutorial

Website Navigation

CSS3 border-image-source property
10/30