tas2580
Blog über Webentwicklung

CSS - border-image

Die border-image Eigenschaft gibt ein Bild an das anstelle des normalen Rahmen um ein Element verwendet wird.

Beispiel

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

Definition und Verwendung

Die border-image Eigenschaft ist eine zusammenfassende Eigenschaft für die Eigenschaften: border-image-source, border-image-slice, border-image-width, border-image-outset und border-image-repeat.

Standard Wert:
none
CSS Version:
CSS3
Vererbt sich:
Nein
Animierbar:
Nein
-webkit-:
-webkit-border-image
-moz-:
-moz-border-image
-o-:
-o-border-image

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
border-image-outset Siehe Werte von border-image-outset.
border-image-repeat Siehe Werte von border-image-repeat.
border-image-slice Siehe Werte von border-image-slice.
border-image-source Siehe Werte von border-image-source.
border-image-width Siehe Werte von border-image-width.
initial Setzt diese Eigenschaft auf den Standardwert.
inherit Erbt diese Eigenschaft von seinem übergeordneten Element.