CSS - Eigenschaft border-image-source
Beispiel
Geben Sie ein Bild als Rahmen um ein Element an:
#borderimg
{
border-image-source: url(border.png);
}
Definition und Verwendung
Die border-image-source
Eigenschaft gibt den Pfad zu dem Bild an, das als Rahmen verwendet werden soll (anstelle des normalen Rahmens um ein Element).
Tipp: Wenn der Wert "none" ist oder das Bild nicht angezeigt werden kann, werden die Rahmenstile verwendet.
Tipp: Sehen Sie sich auch die Eigenschaft border-image an (eine abgekürzte Eigenschaft zum Festlegen aller Eigenschaften border-image-*).
Standardwert: | keiner |
---|---|
Vererbt: | Nein |
Animierbar: | Nein. Lesen Sie mehr über animierbare |
Ausführung: | CSS3 |
JavaScript-Syntax: | Objekt .style.borderImageSource="url(border.png)" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
border-image-source | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS-Syntax
border-image-source: 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 |
Verwandte Seiten
CSS-Tutorial: CSS-Randbilder
CSS-Referenz: border-image-Eigenschaft
CSS-Referenz: Eigenschaft border-image-outset
CSS-Referenz: Eigenschaft border-image-repeat
CSS-Referenz: Eigenschaft border-image-slice
CSS-Referenz: Eigenschaft border-image-width
HTML-DOM-Referenz: Eigenschaft borderImageSource