propriété HTML DOM style borderImage
Exemples
Désigné comme une bordure autour de l'élément image div:
document.getElementById("myDIV").style.borderImage="url(border.png) 30 30 round";
Essayez »
Définition et utilisation
propriété borderImage est défini borderImageSource , borderImageSlice , borderImageWidth , borderImageOutset et borderImageRepeat propriétés propriété raccourcie.
Les valeurs omises sont définies à leurs valeurs par défaut.
support du navigateur
Internet Explorer 11, Firefox, Opera 15, Chrome et Safari 6 soutien propriété borderImage.
Safari 5 prend en charge une autre alternative de l'attribut de la propriété que la propriété webkitBorderImage.
grammaire
Retour propriétés borderImage:
object .style.borderImage
Définition des propriétés de borderImage:
object .style.borderImage="source slice width outset repeat|initial|inherit"
Valeur de la propriété
| 值 | 描述 |
|---|---|
| borderImageSource | 要用于绘制边框的图像的路径。 |
| borderImageSlice | 图像边框的向内偏移。 |
| borderImageWidth | 图像边框的宽度。 |
| borderImageOutset | 边框图像区域超出边界框的量。 |
| borderImageRepeat | 规定图像边框是重复拼接图块还是延伸图块。 |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
détails techniques
| Par défaut: | aucune 100% 1 0 étirement |
|---|---|
| Retours: | Chaîne représentant l'élément de la propriété border-image. |
| CSS version | CSS3 |
articles connexes
Référence CSS: la propriété border-Image