CSS Eigenschaft border-image-repeat
Beispiel
Geben Sie an, wie das Rahmenbild wiederholt werden soll:
#borderimg
{
border-image-source: url(border.png);
border-image-repeat: repeat;
}
Definition und Verwendung
Die border-image-repeat
Eigenschaft gibt an, ob das Rahmenbild wiederholt, abgerundet, beabstandet oder gestreckt werden soll.
Tipp: Sehen Sie sich auch die Eigenschaft border-image an (eine abgekürzte Eigenschaft zum Festlegen aller Eigenschaften border-image-*).
Standardwert: | strecken |
---|---|
Vererbt: | Nein |
Animierbar: | Nein. Lesen Sie mehr über animierbare |
Ausführung: | CSS3 |
JavaScript-Syntax: | Objekt .style.borderImageRepeat="round" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
border-image-repeat | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS-Syntax
border-image-repeat: stretch|repeat|round|space|initial|inherit;
Hinweis: Diese Eigenschaft gibt an, wie die Bilder für die Seiten und den mittleren Teil des Rahmenbilds skaliert und gekachelt werden. Sie können hier also zwei Werte angeben. Wenn der zweite Wert weggelassen wird, wird davon ausgegangen, dass er derselbe wie der erste ist.
Eigenschaftswerte
Value | Description | Play it |
---|---|---|
stretch | Default value. The image is stretched to fill the area | |
repeat | The image is tiled (repeated) to fill the area | |
round | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so it fits | |
space | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Verwandte Seiten
CSS-Tutorial: CSS-Randbilder
CSS-Referenz: border-image-Eigenschaft
CSS-Referenz: Eigenschaft border-image-outset
CSS-Referenz: Eigenschaft border-image-slice
CSS-Referenz: Eigenschaft border-image-source
CSS-Referenz: Eigenschaft border-image-width
HTML-DOM-Referenz: Eigenschaft borderImageRepeat