Beispiel
Gibt an, wie die Bild-Grenze zu wiederholen:
document.getElementById("myDIV").style.borderImageRepeat = "round"; Versuch es selber " Definition und Verwendung
Die borderImageRepeat Eigenschaftssätze oder gibt zurück, ob das Bild Grenze sollte wiederholt, gerundet oder gestreckt werden.
Browser-Unterstützung
Die borderImageRepeat Eigenschaft nicht in Opera unterstützt.
Die borderImageRepeat Eigenschaft wird nicht in Internet Explorer 10 und früher unterstützt.
Die borderImageRepeat Eigenschaft nicht in Safari 5 und früher unterstützt.
Schauen Sie sich die borderImage Eigenschaft statt!
Syntax
Bringen Sie die borderImageRepeat Eigenschaft:
object .style.borderImageRepeat
Stellen Sie die borderImageRepeat Eigenschaft:
object .style.borderImageRepeat="stretch|repeat|round|initial|inherit"
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| stretch | Standardwert. Das Bild wird gestreckt, um den Bereich zu füllen |
| repeat | Das Bild ist gefliest (repeated) den Bereich zu füllen |
| round | Das Bild ist gefliest (repeated) den Bereich zu füllen. Wenn es nicht auf den Bereich mit einer ganzen Anzahl von Kacheln füllt, wird das Bild neu skaliert, so dass sie paßt |
| space | Das Bild ist gefliest (repeated) den Bereich zu füllen. Wenn es nicht auf den Bereich mit einer ganzen Anzahl von Kacheln füllt, wird der zusätzliche Platz um die Fliesen verteilt |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben |
Technische Details
| Standardwert: | strecken |
|---|---|
| Rückgabewert: | Ein String, die die Grenze-Bildwiederholungs Eigenschaft eines Elements |
| CSS Version | CSS3 |
Verwandte Seiten
CSS - Referenz: border-image-repeat property
<Style - Objekt