Propriété de style borderImageRepeat
Exemple
Spécifiez comment répéter la bordure de l'image :
document.getElementById("myDIV").style.borderImageRepeat = "round";
Définition et utilisation
La propriété borderImageRepeat définit ou renvoie si la bordure de l'image doit être répétée, arrondie ou étirée.
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 | |||||
---|---|---|---|---|---|
borderImageRepeat | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
Regardez plutôt la propriété borderImage !
Syntaxe
Renvoyez la propriété borderImageRepeat :
object.style.borderImageRepeat
Définissez la propriété borderImageRepeat :
object.style.borderImageRepeat = "stretch|repeat|round|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
stretch | Default value. The image is stretched to fill the area |
repeat | The image is tiled (repeated) to fill the area |
round | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so it fits |
space | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles |
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: | s'étirer |
---|---|
Valeur de retour : | Une chaîne, représentant la propriété border-image-repeat d'un élément |
Version CSS | CSS3 |
Pages connexes
Référence CSS : propriété border-image-repeat