Stil borderImageSource- Eigenschaft
Beispiel
Verwenden Sie ein Bild als Rahmen um ein div-Element:
document.getElementById("myDIV").style.borderImageSource = "url(border.png)";
Definition und Verwendung
Die Eigenschaft borderImageSource legt das zu verwendende Bild anstelle der durch die Eigenschaften border-style angegebenen Rahmenstile fest oder gibt sie zurück.
Tipp: Wenn der Wert "none" ist oder das Bild nicht angezeigt werden kann, werden die Rahmenstile verwendet.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
borderImageSource | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
Sehen Sie sich stattdessen die Eigenschaft borderImage an!
Syntax
Geben Sie die Eigenschaft borderImageSource zurück:
object.style.borderImageSource
Legen Sie die Eigenschaft borderImageSource fest:
object.style.borderImageSource = "none|image|initial|inherit"
Eigenschaftswerte
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
Standardwert: | keiner |
---|---|
Rückgabewert: | Ein String, der die Eigenschaft border-image-source eines Elements darstellt |
CSS-Version | CSS3 |
Verwandte Seiten
CSS-Referenz: Eigenschaft border-image-source