Stil borderImage-Eigenschaft

Definition und Verwendung

borderImage Das Attribut ist eine Abkürzung für die folgenden Attribute:

Ausgeblendete Werte werden auf ihren Standardwert gesetzt.

Weitere Informationen:

CSS-Referenzhandbuch:border-image-Eigenschaft

Beispiel

Spezifizieren Sie das Bild als Rahmen des <div>-Elements:

document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";

Probieren Sie es selbst aus

Syntax

Rückgabe der borderImage-Eigenschaft:

object.style.borderImage

Setzen Sie die borderImage-Eigenschaft:

object.style.borderImage = "source slice width outset repeat|initial|inherit"

Eigenschaftswert

Wert Beschreibung
borderImageSource Der Pfad zur zu verwendenden Bildumrandung.
borderImageSlice Die innere Verschiebung der Bildumrandung.
borderImageWidth Die Breite der Bildumrandung.
borderImageOutset Die Menge, um die die Umrandungsimagefläche über den Rahmenkasten (border box) hinausgeht.
borderImageRepeat Soll die Bildumrandung (gewendet), (rund) oder (gestreckt) sein?
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe inherit.

Technische Details

Standardwert: none 100% 1 0 stretch
Rückgabewert: Zeichenkette, die den border-image-Eigenschaft.
CSS-Version: CSS3

Browser-Unterstützung

Die in der Tabelle angegebenen Zahlen kennzeichnen die erste Browser-Version, die diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
16.0 11.0 15.0 6.0 15.0