CSS - Propriété border-image-width

Description de la propriété `border-image-width`.

border-image-width définit la largeur de la bordure-image. Par ailleurs, elle redimensionne les images pour tenir dans cette épaisseur.

Pour une présentation générale de l'utilisation d'images dans les bordures, reportez-vous à la propriété raccourcie border-image. Et pour définir l'épaisseur d'une bordure classique (sans image), reportez-vous à la propriété border-width.

Syntaxes pour `border-image-width`.

border-image-width: auto;

Valeur déterminée automatiquement par rapport aux dimensions de l'image utilisée pour la bordure.
border-image-width: 15px;

De une à quatre valeurs positives ou nulles, séparées par des espaces, et leur unité de dimension (voir les unités de dimensions en CSS).

Ces valeurs définissent l'épaisseur de chacune des bordures-image, avec les règles habituelles en CSS : si une seule valeur est précisée, elle s'applique à toutes les bordures ; si quatre valeurs sont indiquées, elles s'appliquent chacune à une des bordures, etc.

Une seule valeur

Deux valeurs

Trois valeurs

Quatre valeurs
border-image-width: 10%;

De une à quatre valeurs exprimées en pourcentage. Les pourcentages sont calculés par rapport à la taille de la zone de bordure, qui est le plus souvent égale à celle de l'élément, sauf si Object a une valeur différente de zéro.
border-image-width: inherit | initial | unset;

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