Propriété border-image-source CSS

Définition et utilisation

La propriété border-image-source détermine l'image à utiliser, à la place du style de bordure défini dans la propriété border-style.

Astuce :Si la valeur est "none" ou si l'image ne peut pas être affichée, utiliser le style de bordure.

Voir également :

Tutoriel CSS3 :Bord CSS3

Exemple

Utiliser une image comme bordure autour de l'élément div :

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

Syntaxe CSS

border-image-source: none|image;

Valeur de l'attribut

Valeur Description
aucune Ne pas utiliser d'image.
image Chemin de l'image utilisée comme bordure.

Détails techniques

Valeur par défaut : aucune
Héritabilité : non
Version : CSS3
Syntaxe JavaScript : object.style.borderImageSource="url(border.png)"

Prise en charge du navigateur

Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété en totalité.

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

voir border-image propriété.