CSS3 border-image-repeat Eigenschaft
Beispiele
Legen Sie den Wiederholungsmodus des Bildes:
border-image-source: url ( border.png);
border-image-repeat: repeat;
}
Versuchen »
Definitionen und Verwendung
border-image-repeat Attribut, ob die Bildgrenze sollte wiederholt (Wiederholung) werden, Zug (gestreckt) oder verdeckt (gerundet).
Tipp: Sie können die Ansicht border-image - Eigenschaft (Kurzschrift - Eigenschaft verwendet , um alle Grenz-image- * Eigenschaften festlegen).
Standard: | Strecke |
---|---|
Vererbt: | keine |
Animation: | Nr. Siehe animierbaren |
Version: | CSS3 |
JavaScript-Syntax: | Objekt .style.borderImageRepeat = "round"versuchen |
Browser-Unterstützung
Die Zahlen in der Tabelle stellen die erste Browser, um diese Version der Ereignisse zu unterstützen.
Immobilien | |||||
---|---|---|---|---|---|
border-image-Wiederholung | 15,0 | 11.0 | 15,0 | 6.0 | 15,0 |
CSS-Syntax
Hinweis: Dieses Attribut gibt an, wie ausgefahren und die Anordnung der Kanten und dem mittleren Teil des Rahmens des Bildes.Daher können Sie zwei Werte angeben. Wenn der zweite Wert weggelassen wird, und der erste den gleichen Wert zu nehmen.
Eigenschaft Wert
Wert | Beschreibung | Beispiele |
---|---|---|
Strecke | Default. Dehnen Sie das Bild um den Bereich zu füllen | Beispiele ansehen » |
Wiederholung | Fliesen- (wiederholt) den Bildbereich zu füllen. | Beispiele ansehen » |
Runde | Ähnliche Wiederholungswert. Wenn Sie nicht alle gekachelten Bild vervollständigen kann, wird das Bild skaliert, um die Fläche zu passen. | Beispiele ansehen » |
Raum | Ähnliche Wiederholungswert. Wenn Sie nicht alle gekachelten Bilder vervollständigen können, werden Expansionsraum um das Bild verteilt werden | |
Initiale | Setzen Sie diese Eigenschaft auf den Standardwert. Siehe Anfangs | Beispiele ansehen » |
erben | Diese Eigenschaft wird vom Eltern-Element geerbt. Siehe erben |
Verwandte Seiten
CSS3 Tutorial: CSS3 Border
CSS Referenz: border-Image - Eigenschaft
CSS Referenz: border-Bild-repeat Eigenschaft
CSS Referenz: border-Bild-Slice - Eigenschaft
CSS Referenz: border-Bild-Source - Eigenschaft
CSS Referenz: border-width - Attribut-Bild
HTML - DOM Referenz: borderImageRepeat Eigenschaft