Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Propriété border-image-repeat

Description.

La propriété border-image-repeat définit comment l'image de bordure est répétée ou déformée pour couvrir toute la bordure de l'élément.

Si une seule valeur est précisée, elle s'applique à toutes les bordures. Si deux valeurs sont précisées, la première concerne les bordures du haut et du bas ; la deuxième valeur concerne les bordures gauche et droite.

Pour une présentation générale de l'utilisation d'images dans les bordures, reportez-vous à la propriété raccourcie border-image}.

Syntaxes pour border-image-repeat.

  • border-image-repeat: stretch;

    Valeur par défaut. L'image est agrandie pour couvrir toute la zone de la bordure.

  • border-image-repeat: repeat;

    L'image est répétée jusqu'à courir la zone de la bordure. La première et la dernière images peuvent être tronqués.

  • border-image-repeat: round;

    L'image est répétée jusqu'à couvrir la zone de la bordure mais sans tronquer les images aux extrémités. L'image peut être redimensionnée pour couvrir la zone exacte.

  • border-image-repeat: space;

    L'image est répétée jusqu'à couvrir la zone de la bordure mais sans tronquer les images aux extrémités. Des espaces peuvent être insérés entre les images pour couvrir la zone exacte.

  • border-image-repeat: repeat space repeat;

    De une à quatre valeurs séparées par des espaces. Chacune de ces valeurs s'applique à un des bords de l'élément.

  • border-image-repeat: inherit | initial | unset;

    Reportez-vous à la description générale de ces valeurs.

Simulateur.

border-image-repeat :

Prise en charge par les navigateurs.

La propriété border-image-repeat ainsi que toutes les propriétés relatives aux images de bordure sont correctement prises en charge par les navigateurs.

Afficher les versions antérieures   Afficher la version à venir  

Voir aussi...

Bordures - Propriétés.