CSS border-image-source egenskap

Definition och användning

border-image-source-egenskapen specificerar vilken bild som ska användas, i stället för kantstilen som ställts in i border-style-egenskapen.

Tips:Använd kantstilen om värdet är "ingen" eller om bilden inte kan visas.

Se också:

CSS3-handbok:CSS3 kanter

Exempel

Använd en bild som kant runt div-elementet:

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

CSS-syntax

border-image-source: ingen|image;

Egenskapsvärde

Värde Beskrivning
ingen Använd inte bild.
image Sökväg till bilden som används som kant.

Tekniska detaljer

Standardvärde: ingen
Arvsförmåga: nej
Version: CSS3
JavaScript-syntax: object.style.borderImageSource="url(border.png)"

Webbläsarstöd

Talen i tabellen anger den första webbläsarens version som fullständigt stöder egenskapen.

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 15.0 6.0 15.0

se också border-image egenskap.