Propriété CSS border-image-width
Exemple
Spécifiez la largeur de l'image de bordure :
#borderimg
{
border-image-source: url(border.png);
border-image-width: 10px;
}
Définition et utilisation
La border-image-width
propriété spécifie la largeur de l'image de bordure.
Conseil : examinez également la propriété border-image (une propriété abrégée permettant de définir toutes les propriétés border-image-*).
Valeur par défaut: | 1 |
---|---|
Hérité: | non |
Animable : | non. En savoir plus sur l'animation |
Version: | CSS3 |
Syntaxe JavaScript : | objet .style.borderImageWidth="20px" |
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Property | |||||
---|---|---|---|---|---|
border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
Syntaxe CSS
border-image-width: number|%|auto|initial|inherit;
Remarque : La border-image-width
propriété peut prendre de une à quatre valeurs (côtés supérieur, droit, inférieur et gauche). Si la quatrième valeur est omise, elle est identique à la seconde. Si le troisième est également omis, il est identique au premier. Si le second est également omis, il est identique au premier.
Valeurs de propriété
Value | Description | Play it |
---|---|---|
length | A length unit (px) specifying the size of the border-width | |
number | Default value 1. Represents multiples of the corresponding border-width | |
% | Refers to the size of the border image area: the width of the area for horizontal offsets, the height for vertical offsets | |
auto | If specified, the width is the intrinsic width or height of the corresponding image slice | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Pages connexes
Tutoriel CSS : Images de bordure CSS
Référence CSS : propriété border-image
Référence CSS : propriété border-image-outset
Référence CSS : propriété border-image-repeat
Référence CSS : propriété border-image-slice
Référence CSS : propriété border-image-source
Référence HTML DOM : propriété borderImageWidth