Propriété CSS border-image-repeat
Exemple
Spécifiez comment répéter l'image de bordure :
#borderimg
{
border-image-source: url(border.png);
border-image-repeat: repeat;
}
Définition et utilisation
La border-image-repeat
propriété spécifie si l'image de bordure doit être répétée, arrondie, espacée ou étirée.
Conseil : examinez également la propriété border-image (une propriété abrégée permettant de définir toutes les propriétés border-image-*).
Valeur par défaut: | s'étirer |
---|---|
Hérité: | non |
Animable : | non. En savoir plus sur l'animation |
Version: | CSS3 |
Syntaxe JavaScript : | objet .style.borderImageRepeat="rond" |
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 | |||||
---|---|---|---|---|---|
border-image-repeat | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Syntaxe CSS
border-image-repeat: stretch|repeat|round|space|initial|inherit;
Remarque : Cette propriété spécifie comment les images des côtés et de la partie centrale de l'image de bordure sont mises à l'échelle et en mosaïque. Ainsi, vous pouvez spécifier deux valeurs ici. Si la deuxième valeur est omise, elle est supposée être la même que la première.
Valeurs de propriété
Value | Description | Play it |
---|---|---|
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 |
Pages connexes
Tutoriel CSS : Images de bordure CSS
Référence CSS : propriété border-image
Référence CSS : propriété border-image-outset
Référence CSS : propriété border-image-slice
Référence CSS : propriété border-image-source
Référence CSS : propriété border-image-width
Référence HTML DOM : propriété borderImageRepeat