Stijl borderImageSource- eigenschap
Voorbeeld
Gebruik een afbeelding als rand rond een div-element:
document.getElementById("myDIV").style.borderImageSource = "url(border.png)";
Definitie en gebruik
De eigenschap borderImageSource stelt de te gebruiken afbeelding in of retourneert deze, in plaats van de randstijlen die door de randstijleigenschappen worden gegeven.
Tip: Als de waarde "geen" is of als de afbeelding niet kan worden weergegeven, worden de randstijlen gebruikt.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
borderImageSource | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
Kijk in plaats daarvan naar de eigenschap borderImage !
Syntaxis
Retourneer de eigenschap borderImageSource:
object.style.borderImageSource
Stel de eigenschap borderImageSource in:
object.style.borderImageSource = "none|image|initial|inherit"
Eigendomswaarden
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 |
Technische details
Standaardwaarde: | geen |
---|---|
Winstwaarde: | Een tekenreeks, die de eigenschap border-image-source van een element vertegenwoordigt |
CSS-versie | CSS3 |
Gerelateerde pagina's
CSS-referentie: eigenschap border-image-source