Propriété CSS border-image-source
Exemple
Spécifiez une image comme bordure autour d'un élément :
#borderimg
{
border-image-source: url(border.png);
}
Définition et utilisation
La border-image-source
propriété spécifie le chemin vers l'image à utiliser comme bordure (au lieu de la bordure normale autour d'un élément).
Astuce : Si la valeur est "aucun", ou si l'image ne peut pas être affichée, les styles de bordure seront utilisés.
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: | rien |
---|---|
Hérité: | non |
Animable : | non. En savoir plus sur l'animation |
Version: | CSS3 |
Syntaxe JavaScript : | objet .style.borderImageSource="url(border.png)" |
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-source | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Syntaxe CSS
border-image-source: none|image|initial|inherit;
Valeurs de propriété
Value | Description |
---|---|
none | No image will be used |
image | The path to the image to be used as a border |
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-width
Référence HTML DOM : propriété borderImageSource