Style borderImageSlice Eigenschaft

Definition und Verwendung

borderImageSlice Eigenschaft, die den inneren Versatz der Bildumrandung regelt.

Weitere Informationen:

CSS Referenzhandbuch:border-image-slice Eigenschaft

Beispiel

Bestimmt den inneren Versatz der Bildumrandung:

document.getElementById("myDIV").style.borderImageSlice = "50% 10%";

Versuchen Sie es selbst

Syntax

borderImageSlice Eigenschaft zurückgeben:

object.style.borderImageSlice

borderImageSlice Eigenschaft setzen:

object.style.borderImageSlice = "number|%|fill|initial|inherit"

Eigenschaftswert

Wert Beschreibung
number Zahl, die die Anzahl der Pixel (bei rasternahen Bildern) oder Vektorkoordinaten (bei vektorbasierten Bildern) im Bild angibt.
%

Prozentualer Wert im Verhältnis zur Bildgröße: Die Breite beeinflusst den horizontalen Versatz, die Höhe den vertikalen Versatz.

Der Standardwert ist 100%.
fill Behält den mittleren Teil der Umrandungsimage bei.
initial Diese Eigenschaft wird auf ihren Standardwert gesetzt. Siehe initial.
inherit Diese Eigenschaft wird von ihrem Elternelement geerbt. Siehe inherit.

Technische Details

Standardwert: 100%
Rückgabewert: Zeichenkette, die den border-image-slice Eigenschaft.
CSS Version: CSS3

Browser Support

Die in der Tabelle genannten Zahlen zeigen die erste Version des Browsers, die diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
unterstützt 11.0 unterstützt 6.0 15.0

Bitte überprüfen Sie borderImage-Eigenschaft!