Propriété CSS border-image-outset
Exemple
Placez l'image de bordure à 10 pixels à l'extérieur des bords de bordure d'un élément :
#borderimg
{
border-image-source: url(border.png);
border-image-outset: 10px;
}
Définition et utilisation
La border-image-outset
propriété spécifie de combien la zone d'image de bordure s'étend au-delà de la zone 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: | 0 |
---|---|
Hérité: | non |
Animable : | non. En savoir plus sur l'animation |
Version: | CSS3 |
Syntaxe JavaScript : | objet .style.borderImageOutset="10px" |
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-outset | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Syntaxe CSS
border-image-outset: length|number|initial|inherit;
Remarque : La border-image-outset
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 specifying how far from the edges the border-image will appear. Default value is 0 | |
number | Represent multiples of the corresponding border-width | |
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-repeat
Référence CSS : propriété border-image-slice
Référence CSS : propriété border-image-source
Référence CSS : propriété border-image-width
Référence HTML DOM : propriété borderImageOutset