CSS border-image-outset Eigenschaft

Definition und Verwendung

Die Eigenschaft border-image-outset bestimmt die Menge, um die das Rahmenbild über den Rahmenkasten hinausgeht.

Siehe auch:

CSS3-Tutorial:CSS3 Ränder

Beispiel

Einstellen der Eigenschaft border-image-outset:

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

CSS-Syntax

border-image-outset: length|number;

Kommentar:Die Eigenschaft border-image-outset bestimmt die Menge, um die das Rahmenbild über den Rahmenkasten hinausgeht. Oben, rechts, unten, links. Wird der vierte Wert ignoriert, ist er gleich dem zweiten Wert. Wird der dritte Wert weggelassen, ist er gleich dem ersten Wert. Wird der zweite Wert weggelassen, ist er gleich dem ersten Wert. Es sind keine negativen Werte als border-image-outset-Wert erlaubt.

Eigenschaftswert

Wert Beschreibung
length
number Stellt das Vielfache der entsprechenden border-width dar.

Technische Details

Standardwert: 0
Vererbbarkeit: nein
Version: CSS3
JavaScript-Syntax: object.style.borderImageOutset="30 30"

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, 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.