Propriété borderImageOutset de style
Exemple
Placez la bordure à l'extérieur des bords de l'élément <div> :
document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";
Définition et utilisation
La propriété borderImageOutset définit ou renvoie la quantité par laquelle la zone d'image de bordure s'étend au-delà de la zone de bordure.
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 | |||||
---|---|---|---|---|---|
borderImageOutset | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
Regardez plutôt la propriété borderImage !
Syntaxe
Renvoyez la propriété borderImageOutset :
object.style.borderImageOutset
Définissez la propriété borderImageOutset :
object.style.borderImageOutset = "length|number|initial|inherit"
Remarque : La propriété borderImageOutset spécifie la distance par laquelle la zone d'image de bordure s'étend au-delà de la zone de bordure. sur les 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. Les valeurs négatives ne sont autorisées pour aucune des valeurs borderImageOutset.
Valeurs de propriété
Value | Description |
---|---|
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 |
Détails techniques
Valeur par défaut: | 0 |
---|---|
Valeur de retour : | Une chaîne, représentant la propriété border-image-outset d'un élément |
Version CSS | CSS3 |
Pages connexes
Référence CSS : propriété border-image-outset