CSS border-image-repeat Eigenschaft
- Seite zuvor border-image-outset
- Nächste Seite border-image-slice
Definition und Verwendung
Die border-image-repeat-Eigenschaft legt fest, ob die Bildrahmen wiederholt (wiederholt), gestreckt (gestreckt) oder gefüllt (gerundet) werden sollen.
Siehe auch:
CSS3-Tutorial:CSS3 Rahmen
Beispiel
Legt fest, wie das Bild um den Rahmen wiederholt wird:
div
{
border-image-source: url(border.png);
border-image-repeat: round;
}
CSS-Syntax
border-image-repeat: stretch|repeat|round;
Anmerkung:Diese Eigenschaft legt fest, wie die Ränder und das Innere der Rahmenbilder ausgeweitet und angeordnet werden. Daher können Sie zwei Werte angeben. Wenn der zweite Wert weggelassen wird, wird der gleiche Wert wie der erste Wert angenommen.
Eigenschaftswert
| Wert | Beschreibung |
|---|---|
| stretch | Strecke das Bild, um das Bereichsgebiet auszufüllen. |
| repeat | Bilde das Bereichsgebiet mit Fliesen (wiederholt) aus. |
| round | Ähnlich wie repeat-Werte. Wenn alle Bilder nicht vollständig gestreckt werden können, werden die Bilder skaliert, um den Bereich anzupassen. |
Technische Details
| Standardwert: | stretch |
|---|---|
| Vererbbarkeit: | nein |
| Version: | CSS3 |
| JavaScript-Syntax: | object.style.borderImageRepeat="round" |
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.
- Seite zuvor border-image-outset
- Nächste Seite border-image-slice
