Style borderImageSource Property
Exemple
Utilisez une image comme bordure autour d'un élément div :
document.getElementById("myDIV").style.borderImageSource = "url(border.png)";
Définition et utilisation
La propriété borderImageSource définit ou renvoie l'image à utiliser, au lieu des styles de bordure donnés par les propriétés border-style.
Astuce : Si la valeur est "aucun", ou si l'image ne peut pas être affichée, les styles de bordure seront utilisés.
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Property | |||||
---|---|---|---|---|---|
borderImageSource | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
Regardez plutôt la propriété borderImage !
Syntaxe
Renvoyez la propriété borderImageSource :
object.style.borderImageSource
Définissez la propriété borderImageSource :
object.style.borderImageSource = "none|image|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
none | No image will be used |
image | The path to the image to be used as a border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
Valeur par défaut: | rien |
---|---|
Valeur de retour : | Une chaîne, représentant la propriété border-image-source d'un élément |
Version CSS | CSS3 |
Pages connexes
Référence CSS : propriété border-image-source