Propriété borderImage Style

Définition et utilisation

borderImage L'attribut est une abréviation utilisée pour définir les propriétés suivantes :

Les valeurs omises sont définies sur leur valeur par défaut.

Voir également :

Manuel de référence CSS :Propriété border-image

Exemple

Spécifiez l'image pour être la bordure de l'élément <div> :

document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";

Essayez-le vous-même

Syntaxe

Retourner la propriété borderImage :

object.style.borderImage

Définir la propriété borderImage :

object.style.borderImage = "source slice width outset repeat|initial|inherit"

Valeur de l'attribut

Valeur Description
borderImageSource Le chemin de l'image à utiliser comme bord.
borderImageSlice Le décalage vers l'intérieur de l'image de bord.
borderImageWidth La largeur de l'image de bord.
borderImageOutset La quantité de dépassement de la zone d'image de bord par rapport à la boîte de bord (border box).
borderImageRepeat L'image de bord doit être répétée (repetée), remplies (arrondies) ou étirées (étirées) ?
initial Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits cette propriété de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : none 100% 1 0 stretch
Valeur de retour : Chaîne, représentant l'élement Propriété border-image.
Version de CSS : CSS3

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
16.0 11.0 15.0 6.0 15.0