CSS-Eigenschaft „Border-Image-Repeat“.
Übersetzungsergebnisse：
Grenze
Englisch [ˈbɔ:rdə(r)]
n. Rand; Kante; Umhüllung
vt., in On die Seite von...
vt. Entlang der Seite von..., um..., angrenzend...
vi Ungefähr, neben
Dritte Person Singular: Grenzen Plural: Grenzen Präsens Partizip: angrenzend Vergangenheit Zeitform: umrandet. Partizip Perfekt: umrandet. ; Symbol
Dritte Person Singular: Bilder Plural: Bilder Partizip Präsens: Bild Partizip Perfekt: abgebildet vi.redo; Wiederholungsabstimmung
n.Repetition; (Programm-)Nachstellung; wiederholte Dinge
Dritte Person Singular: Wiederholungen Partizip Präsens: Wiederholung Vergangenheitsform: wiederholt Partizip Perfekt: wiederholt
CSS-Eigenschaft „Border-Image-Repeat“.Syntax
Funktion: Gibt an, ob der Bildrand wiederholt, gestreckt oder abgerundet werden soll.
Syntax: border-image-repeat: stretch|repeat|round;
Beschreibung: Stretch streckt das Bild, um den Bereich zu füllen. Wiederholen Sie das Bild in Kacheln (wiederholen), um den Bereich zu füllen. „round“ ähnelt dem Wiederholungswert. Können nicht alle Bilder vollständig gekachelt werden, werden die Bilder entsprechend der Fläche skaliert.
Hinweis: Diese Eigenschaft gibt an, wie die Kanten und die Mitte des Randbilds gedehnt und angeordnet werden. Daher können Sie zwei Werte angeben. Wenn der zweite Wert weggelassen wird, wird derselbe Wert wie der erste genommen.
CSS-Eigenschaft „Border-Image-Repeat“.Beispiel
<!DOCTYPE html>
<html>
<head>
<style>
div {
background-color: lightgrey;
border: 30px solid transparent;
border-image: url('http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg');
border-image-slice: 30;
border-image-repeat: repeat;
}
</style>
</head>
<body>
<div>
DIV 使用图像边框。
</div>
<p>使用的图片:</p>
<img src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg">
<p><b>注意: </b>Internet Explorer 10, Opera 12, 和 Safari 5 不支持 border-image-repeat 属性。</p>
</body>
</html>Instanz ausführen »
Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen