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/-moz-image-region/index.html | 84 +++++++++++++++++++++++++++
 1 file changed, 84 insertions(+)
 create mode 100644 files/de/web/css/-moz-image-region/index.html

(limited to 'files/de/web/css/-moz-image-region')

diff --git a/files/de/web/css/-moz-image-region/index.html b/files/de/web/css/-moz-image-region/index.html
new file mode 100644
index 0000000000..3a49ad49b0
--- /dev/null
+++ b/files/de/web/css/-moz-image-region/index.html
@@ -0,0 +1,84 @@
+---
+title: '-moz-image-region'
+slug: Web/CSS/-moz-image-region
+tags:
+  - CSS
+  - Non-standard
+  - Referenz
+translation_of: Web/CSS/-moz-image-region
+---
+<p>{{Non-standard_header}}{{ CSSRef() }}</p>
+
+<div><em>Für ein System, das mit beliebigen Hintergründen funktioniert, siehe {{Cssxref("-moz-image-rect")}}.</em></div>
+
+<div> </div>
+
+<h2 id="Übersicht">Übersicht</h2>
+
+<p>Die <code>-moz-image-region</code> Eigenschaft ist für XUL-Elemente und Pseudo-Elemente, welche ein Bild von der <a href="/de/CSS/list-style-image" title="de/CSS/list-style-image"><code>list-style-image</code></a> Eigenschaft benutzen, gedacht. Die Eigenschaft gibt einen Bereich des Bildes an, welcher anstelle des ganzen Bildes dargestellt wird. Das erlaubt Elementen verschiedene Stücke des gleichen Bildes zu benutzen, um die Leistung zu steigern.<br>
+ Die Syntax ist derjenigen der clip-Property ähnlich. Alle vier Werte sind relativ von der oberen linken Ecke des Bildes.</p>
+
+<p>{{cssinfo}}</p>
+
+<h2 id="Syntax">Syntax</h2>
+
+<h3 id="Werte">Werte</h3>
+
+<dl>
+ <dt>auto</dt>
+ <dd>Standardwert. Es wird nichts ausgeschnitten.</dd>
+ <dt>rect()</dt>
+ <dd>Es wird ein Bereich ausgeschnitten, der über die vier Längenangaben definert wird.</dd>
+</dl>
+
+<h3 id="Formale_Syntax">Formale Syntax</h3>
+
+<pre class="syntaxbox">{{csssyntax}}
+</pre>
+
+<h2 id="Beispiele">Beispiele</h2>
+
+<pre>#example-button {
+  /* Zeige nur einen 4x4 großen Ausschnitt von der oberen, linken Ecke des Bildes */
+  list-style-image: url("chrome://example/skin/example.png");
+  -moz-image-region: rect(0px, 4px, 4px, 0px);
+}
+#example-button:hover {
+  /* Zeige einen anderen 4x4 großen Ausschnitt vom Bild, wenn sich die Maus über dem Button befindet */
+  -moz-image-region: rect(0px, 8px, 4px, 4px);
+}
+
+</pre>
+
+<h2 id="Browser_Kompatibilität">Browser <span>Kompatibilität</span></h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th>Browser</th>
+   <th>ab Version</th>
+  </tr>
+  <tr>
+   <td>Internet Explorer</td>
+   <td>---</td>
+  </tr>
+  <tr>
+   <td>Firefox (Gecko)</td>
+   <td>1.0 (1.0)</td>
+  </tr>
+  <tr>
+   <td>Opera</td>
+   <td>---</td>
+  </tr>
+  <tr>
+   <td>Safari (WebKit)</td>
+   <td>---</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Siehe_auch">Siehe auch</h2>
+
+<ul>
+ <li><a href="/de/CSS/clip" title="de/CSS/clip"><code>clip</code></a></li>
+</ul>
-- 
cgit v1.2.3-54-g00ecf