CSS Referenzhandbuch

CSS @Regel (RULES)

CSS Eigenschaftsübersicht

CSS3 border-image-slice Eigenschaft CSS3 border-image-outset Eigenschaft

CSS3 border-image-Verwendung und Beispiel von 'repeat'

border-image-Das CSS-Attribut 'repeat' definiert, wie das Zentrum des Rasters oder der Überlappung der Rasterbilder skaliert oder gestampft wird, um die Größe des Rasters zu entsprechen.

Die folgende Tabelle enthält die Anwendungsbeschreibung und Versionshistorie dieses Attributs sowie die Syntax seiner Verwendung im JavaScript-Skript.

Standardwert:	stretch
Gilt für:	Für alle Elemente, aber für Tabellenelemente (wie tr, th, td) mit 'border'-Wenn der Wert des Attributs 'collapse' auf 'collapse' gesetzt ist, wird 'border'-image-Das Attribut 'repeat' ist ungültig. Es gilt auch::first-letter。
Vererbung:	Keine
Animierbar:	Nein.Siehe auch Animationseigenschaft。
Version:	CSS3neue Funktion
JavaScript Syntax:	object.style.borderImageRepeat="round"

border-image-Syntax der repeat Verwendung

Die Syntax dieses Attributes ist wie folgt:

border-image-repeat: [ stretch | repeat | round | space ]　1　oder　2　werte | initial | inherit

Der folgende Beispiel zeigt, wie man border-image-repeat Eigenschaft.

Beispiel

.box {
　　　　width:　300px;
　　　　height:　150px;
　　　　border:　15px fest transparent;
　　　　border-image-source: url("border.png");
　　　　border-image-slice:　30;
　　　　border-image-repeat: round;
}

Testen Sie es heraus‹/›

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

Wert	Beschreibung
stretch	Das Bild wird gestreckt, um den Bereich zwischen den Rahmenkanten zu füllen. Dies ist der Standardwert.
repeat	Das Bild wird vergrößert oder wiederholt, bis es den Bereich zwischen den Rahmenkanten füllt.
round	Das Bild wird vergrößert oder wiederholt, bis es den Bereich zwischen den Rahmenkanten füllt. Wenn der Bereich nicht vollständig mit einer bestimmten Anzahl von Fliesen gefüllt werden kann, wird das Bild skaliert, um es zu skalieren.
space	Das Bild wird vergrößert oder wiederholt, bis es den Bereich zwischen den Rahmenkanten füllt. Wenn der Bereich nicht vollständig mit Fliesen gefüllt werden kann, wird der zusätzliche Raum um die Fliesen verteilt.
initial	Setzen Sie diesen Wert auf seinen Standardwert.
inherit	Wenn angegeben, wird der border des übergeordneten Elements für das verknüpfte Element verwendet.-image-Berechnungswert der repeat Eigenschaft.

Browserkompatibilität

border-image-Kompatibilität der repeat Eigenschaft der Browser, die in der folgenden Tabelle aufgeführten Zahlen die niedrigste Versionsnummer der Browser darstellen, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.

	Firefox 15+ Google Chrome15+ Internet Explorer 11+ Apple Safari 6+ Opera 15+

Weiterlesen

Bitte beziehen Sie sich auf das Handbuch:CSS3Rahmen，CSS Rahmen。

zusammenhängende Eigenschaften:border-image，border-image-source，border-image-slice，border-image-width，border-image-outset，border。

CSS3 border-image-slice Eigenschaft CSS3 border-image-outset Eigenschaft