Propriété border-image-outset CSS

Définition et utilisation

L'attribut border-image-outset détermine la quantité par laquelle l'image de bord dépasse le cadre du conteneur.

Veuillez également consulter :

Tutoriel CSS3 :Bordure CSS3

Exemple

Définir l'attribut border-image-outset :

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

Syntaxe CSS

border-image-outset: length|number;

Remarque :L'attribut border-image-outset détermine la quantité par laquelle l'image de bord dépasse le cadre du conteneur. En haut, à droite, en bas, à gauche. Si la quatrième valeur est omise, 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-outset.

Valeur de l'attribut

Valeur Description
length
number représente le multiple de la valeur de border-width correspondante.

Détails techniques

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

Compatibilité du 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 15.0 6.0 15.0

voir border-image propriété.