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. |