Propriété border-image-width CSS

Définition et utilisation

L'attribut border-image-width définit la largeur de la bordure d'image.

Voir également :

Tutoriel CSS3 :Bordure CSS3

Exemple

Définir la largeur de la bordure d'image :

div
{
border-image-source: url(border.png);
border-image-width: 30 30;
}

Syntaxe CSS

border-image-width: number|%|auto;

Remarque :Les quatre valeurs définies par l'attribut border-image-width divisent l'image de bord en neuf parties. Elles représentent la distance à l'intérieur des bords supérieur, droit, inférieur et gauche de la zone. Si la quatrième valeur est ignorée, elle est la même que la deuxième valeur. Si la troisième valeur est omise, elle est la même que la première valeur. Si la deuxième valeur est omise, elle est la même que la première valeur. Aucune valeur négative n'est autorisée pour la valeur border-image-width.

Valeur de l'attribut

Valeur Description
number représente un multiple de la valeur de border-width correspondante.
% Référence à la taille de la zone d'image de bord : la hauteur de la zone affecte le décalage horizontal, la largeur affecte le décalage vertical.
auto Si cette propriété est définie, la largeur est égale à la largeur intrinsèque de la tranche d'image correspondante.

Détails techniques

Valeur par défaut : aucune
Héritabilité : non
Version : CSS3
Syntaxe JavaScript : object.style.borderImageWidth="30 30"

Compatibilité navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge cette propriété.

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

voir également border-image propriété.