Attribut border-image-repeat CSS

Définition et utilisation

L'attribut border-image-repeat spécifie si l'image de bordure doit être répétée (répétée), étirée (étirée) ou rembourrée (roulante).

Veuillez également consulter :

Tutoriel CSS3 :Bordure CSS3

Exemple

Définir la répétition de l'image de bordure :

div
{
border-image-source: url(border.png);
border-image-repeat: roulante;
}

Syntaxe CSS

border-image-repeat: stretch|repeat|round;

Remarque :Cette propriété spécifie comment étendre et aligner les bords et le centre de l'image de bordure. Par conséquent, vous pouvez spécifier deux valeurs. Si la deuxième valeur est omise, elle prend la valeur de la première valeur.

Valeur de l'attribut

Valeur Description
étirer Étendre les images pour remplir la zone
répéter Mosaïquer (répéter) les images pour remplir la zone.
roulante Similaire à la valeur repeat. Si les images ne peuvent pas être mises en mosaïque intégralement, elles sont redimensionnées pour s'adapter à la zone.

Détails techniques

Valeur par défaut : étirer
Héritabilité : non
Version : CSS3
Syntaxe JavaScript : object.style.borderImageRepeat="round"

Compatibilité des navigateurs

Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété intégralement.

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 15.0 6.0 15.0

voir également border-image propriété.