CSS - border-image-slice

Die border-image-slice gibt an, wie das Bild von border-image-source zu schneiden ist. Das Bild wird immer in neun Abschnitte geschnitten: vier Ecken, vier Kanten und der Mitte.

Beispiel

div { 
    border-image-slice: 30;
}

Definition und Verwendung

Standard Wert:: 100%
CSS Version:: CSS3
Vererbt sich:: Nein
Animierbar:: Nein

Browser Unterstützung

Chrome Nein

Firefox Nein

Safari Nein

Opera Nein

Edge Nein

IE Nein

Mögliche Werte

Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.

Wert	Beschreibung
Prozent	Prozentangaben beziehen sich auf die Höhe oder Breite des Bildes.
Zahl	Die Zahl steht für Pixel für Rasterbilder oder Koordinaten für Vektorgrafiken.
fill	Bewirkt, dass der mittlere Teil des Bildes angezeigt wird.
initial	Setzt diese Eigenschaft auf den Standardwert.
inherit	Erbt diese Eigenschaft von seinem übergeordneten Element.