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 valeursborder-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.
-
Reportez-vous à la description générale de ces valeurs.
Prise en charge par les navigateurs.
La propriété border-image-width
ainsi que toutes les propriétés
relatives aux images de bordure sont prises en charge par les navigateurs.
Afficher le tableau de compatibilité (informations fournies par canIuse.com).
Voir aussi...
Bordures - Propriétés.
border
: Résumé des propriétés des bordures.border-collapse
: Mode d'encadrement des cellules de tableau.border-color
: Définit la couleur des bordures.border-image
: Résumé des propriétés des bordures réalisées avec des images.border-image-outset
: Débordement de l'image de bordure.border-image-repeat
: Mode de répétition de l'image de bordure.border-image-slice
: Définit comment l'image de bordure est découpée.border-image-source
: L'image utilisée pour construire la bordure.border-radius
: Rayon des angles arrondis.border-spacing
: Espacement entre les cellules adjacentes dans un tableau.border-style
: Type de bordure (simple, double, pointillé...).border-width
: Epaisseur de la bordure.