Exemple
Spécifiez une image comme la bordure autour d' un <div> élément:
/* Code for Safari 5 and earlier */
document.getElementById("myDIV").style.WebkitBorderImage
= "url(border.png) 30 30 round";
/* Standard syntax */
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round"; Essayez vous - même » Définition et utilisation
La propriété est borderImage un raccourci pour le réglage des borderImageSource , borderImageSlice , borderImageWidth , borderImageOutset et borderImageRepeat propriétés.
Les valeurs omises sont à leurs valeurs par défaut.
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
Les chiffres suivis de Webkit, Moz, ou O préciser la première version qui a travaillé avec un préfixe.
| Propriété | |||||
|---|---|---|---|---|---|
| borderImage | 16,0 4.0 Webkit | 11.0 | 15.0 3.5 Moz | 6.0 3.1 Webkit | 15.0 11,0 O |
Syntaxe
Retour la propriété borderImage:
object .style.borderImage
Définissez la propriété borderImage:
object .style.borderImage=" Valeurs de propriété Valeur La description borderImageSource Le chemin de l'image à utiliser comme une frontière borderImageSlice Les décalages vers l'intérieur de l'image-frontière borderImageWidth Les largeurs de l'image-frontière borderImageOutset La quantité par laquelle la zone d'image de bordure dépasse la zone de bordure borderImageRepeat Que ce soit la frontière de l'image doit être répétée, arrondie ou étirée initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront
Détails techniques
Valeur par défaut: aucun 100% 1 0 étirement Valeur de retour: Une chaîne, ce qui représente la propriété border-image d'un élément version CSS CSS3
Pages associées
Référence CSS: border-image property
<Style objet