CSS border-image-source Eigenschaft

Definition und Verwendung

Die border-image-source-Eigenschaft legt das zu verwendende Bild fest und ersetzt den Rahmenstil, der in der border-style-Eigenschaft festgelegt ist.

Tipp:Wird der Wert "none" angegeben oder kann das Bild nicht angezeigt werden, wird der Rahmenstil verwendet.

Weitere Informationen siehe:

CSS3-Tutorial:CSS3 Ränder

Beispiel

Ein Bild verwenden, um den Rahmen um das div-Element zu gestalten:

div
{
border-image-source: url(border.png);
}

CSS-Syntax

border-image-source: none|image;

Eigenschaftswert

Wert Beschreibung
keine Kein Bild verwenden.
image Pfad zur Bilddatei, das als Rahmen verwendet wird.

Technische Details

Standardwert: keine
Vererbbarkeit: nein
Version: CSS3
JavaScript-Syntax: object.style.borderImageSource="url(border.png)"

Browser-Unterstützung

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

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 15.0 6.0 15.0

Siehe auch border-image Eigenschaft.