CSS border-image-width Eigenschaft

Definition und Verwendung

Die border-image-width-Eigenschaft legt die Breite der Bildumrandung fest.

Weitere Informationen:

CSS3-Tutorial:CSS3 Ränder

Beispiel

Bestimmt die Breite der Bildumrandung:

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

CSS-Syntax

border-image-width: number|%|auto;

Anmerkung:Die vier festgelegten Werte der border-image-width-Eigenschaft teilen den Bildstreifen in neun Teile auf. Sie stellen die Distanz von der Oberseite, rechten, unteren und linken Seite des Bereichs innen dar. 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. Negative Werte sind als border-image-width-Werte nicht erlaubt.

Eigenschaftswert

Wert Beschreibung
number stellt das Vielfache der entsprechenden border-width dar.
% Bezugnahme auf die Abmessungen des Referenzbildstreifenbereichs: Die Höhe beeinflusst den horizontalen Versatz, die Breite den vertikalen Versatz.
auto Wenn diese Eigenschaft festgelegt ist, beträgt die Breite die innate Breite des zugehörigen Bildstreifens.

Technische Details

Standardwert: keine
Vererbbarkeit: nein
Version: CSS3
JavaScript-Syntax: object.style.borderImageWidth="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 13.0 6.0 15.0

Siehe auch border-image Eigenschaft.