From 4b1a9203c547c019fc5398082ae19a3f3d4c3efe Mon Sep 17 00:00:00 2001
From: Peter Bengtsson <mail@peterbe.com>
Date: Tue, 8 Dec 2020 14:41:15 -0500
Subject: initial commit

---
 files/de/web/css/border-image-repeat/index.html | 83 +++++++++++++++++++++++++
 1 file changed, 83 insertions(+)
 create mode 100644 files/de/web/css/border-image-repeat/index.html

(limited to 'files/de/web/css/border-image-repeat')

diff --git a/files/de/web/css/border-image-repeat/index.html b/files/de/web/css/border-image-repeat/index.html
new file mode 100644
index 0000000000..b721074674
--- /dev/null
+++ b/files/de/web/css/border-image-repeat/index.html
@@ -0,0 +1,83 @@
+---
+title: border-image-repeat
+slug: Web/CSS/border-image-repeat
+tags:
+  - CSS
+  - CSS Eigenschaft
+  - CSS Ränder
+  - Grafik
+  - Layout
+  - Referenz
+translation_of: Web/CSS/border-image-repeat
+---
+<div>{{CSSRef}}</div>
+
+<h2 id="Übersicht">Übersicht</h2>
+
+<p>Die <code>border-image-repeat</code> CSS Eigenschaft definiert, wie der mittlere Teil eines Randbildes gehandhabt wird, sodass es in die Ausmaße des Randes passt. Sie hat eine Einwert-Syntax, welche das Verhalten aller Seiten beschreibt, und eine Zweiwert-Syntax, welche unterschiedliche Werte für das horizontale und vertikale Verhalten setzt.</p>
+
+<div>{{cssinfo}}</div>
+
+<h2 id="Syntax">Syntax</h2>
+
+<pre class="brush:css">/* border-image-repeat: <em>Typ</em> */
+border-image-repeat: stretch;
+
+/* border-image-repeat: <em>horizontal</em> <em>vertikal</em> */
+border-image-repeat: round stretch;
+
+/* Globale Werte */
+border-image-repeat: inherit;
+border-image-repeat: initial;
+border-image-repeat: unset;
+</pre>
+
+<h3 id="Werte">Werte</h3>
+
+<dl>
+ <dt><em>type</em></dt>
+ <dd>Eins der Schlüsselwörter <code>stretch</code>, <code>repeat</code>, <code>round</code> oder <code>space</code>, die angeben, wie das Bild wiederholt wird. Dies wird nur in der Einwert-Syntax verwendet.</dd>
+ <dt><em>horizontal</em></dt>
+ <dd>Eins der Schlüsselwörter <code>stretch</code>, <code>repeat</code>, <code>round</code> oder <code>space</code>, die angeben, wie das Bild horizontal wiederholt wird. Dies wird nur in der Zweiwert-Syntax verwendet.</dd>
+ <dt><em>vertical</em></dt>
+ <dd>Eins der Schlüsselwörter <code>stretch</code>, <code>repeat</code>, <code>round</code> oder <code>space</code>, die angeben, wie das Bild vertikal wiederholt wird. Dies wird nur in der Zweiwert-Syntax verwendet.</dd>
+ <dt><code>stretch</code></dt>
+ <dd>Schlüsselwort, das angibt, dass das Bild gedehnt werden soll, um den Leerraum zwischen beiden Rändern zu füllen.</dd>
+ <dt><code>repeat</code></dt>
+ <dd>Schlüsselwort, das angibt, dass das Bild wiederholt werden soll, um den Leerraum zwischen beiden Rändern zu füllen.</dd>
+ <dt><code>round</code></dt>
+ <dd>Schlüsselwort, das angibt, dass das Bild wiederholt werden soll bis es den Leerraum zwischen beiden Rändern füllt. Falls das Bild nach einer ganzzahligen Wiederholung nicht den gesamten Leerraum ausfüllt, wird es skaliert, damit es passt.</dd>
+ <dt><code>inherit</code></dt>
+ <dd>Schlüsselwort, das angibt, dass die Werte vom berechneten Wert des Elternelements geerbt werden sollen.</dd>
+</dl>
+
+<h3 id="Formale_Syntax">Formale Syntax</h3>
+
+<pre class="syntaxbox">{{csssyntax}}</pre>
+
+<h2 id="Beispiele">Beispiele</h2>
+
+<p>Siehe {{cssxref("border-image")}} für Beispiele, welche Auswirkungen Wiederholungswerte haben.</p>
+
+<h2 id="Spezifikationen">Spezifikationen</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Spezifikation</th>
+   <th scope="col">Status</th>
+   <th scope="col">Anmerkung</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('CSS3 Backgrounds', '#border-image-repeat', 'border-image-repeat')}}</td>
+   <td>{{Spec2('CSS3 Backgrounds')}}</td>
+   <td>Ursprüngliche Definition</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_Kompatibilität">Browser Kompatibilität</h2>
+
+{{Compat("css.properties.border-image-repeat")}}
-- 
cgit v1.2.3-54-g00ecf