unslug de: move

1 files changed, 103 insertions, 0 deletions

diff --git a/files/de/web/css/box-flex/index.html b/files/de/web/css/box-flex/index.html
new file mode 100644
index 0000000000..8c54ffa75a
--- /dev/null
+++ b/files/de/web/css/box-flex/index.html
@@ -0,0 +1,103 @@
+---
+title: '-moz-box-flex'
+slug: Web/CSS/-moz-box-flex
+tags:
+  - CSS
+  - CSS Referenz
+  - NeedsBrowserCompatibility
+  - NeedsMobileBrowserCompatibility
+  - Non-standard
+translation_of: Web/CSS/box-flex
+---
+<div>{{CSSRef}}{{warning("Dies ist eine Eigenschaft zur Steuerung von Teilen des XUL Boxmodells. Sie stimmt weder mit den alten CSS Flexible Box Layout Module Entwürfen für <code>box-flex</code> (welche auf dieser Eigenschaft beruhen), noch dem Verhalten von <code>-webkit-box-flex</code> (welche auf diesen Entwürfen beruht) überein.")}}</div>
+
+<p>Siehe <a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes">Flexbox</a> für mehr Informationen, was anstelle dieser Eigenschaft verwendet werden sollte.</p>
+
+<h2 id="Übersicht">Übersicht</h2>
+
+<p>Die <code>-moz-box-flex</code> und <code>-webkit-box-flex</code> <a href="/de/docs/Web/CSS">CSS</a> Eigenschaften geben an, wie eine <code>-moz-box</code> oder <code>-webkit-box</code> wächst, um die Box zu füllen, die sie beinhaltet, in Richtung des Layouts der beinhaltenden Box. Siehe <a href="/de/docs/Web/Guide/CSS/Flexible_boxes">Flexbox</a> für mehr Informationen über die Eigenschaften von Flexbox-Elementen.</p>
+
+<h2 id="Syntax">Syntax</h2>
+
+<pre class="brush:css">/* &lt;number&gt; Werte */
+-moz-box-flex: 0;
+-moz-box-flex: 3;
+-webkit-box-flex: 0;
+-webkit-box-flex: 3;
+
+/* Globale Werte */
+-moz-box-flex: inherit;
+-moz-box-flex: initial;
+-moz-box-flex: unset;
+</pre>
+
+<h3 id="Werte">Werte</h3>
+
+<dl>
+ <dt>0</dt>
+ <dd>Die Box wächst nicht.</dd>
+ <dt>&gt; 0</dt>
+ <dd>Die Box wächst soweit, dass sie den verfügbaren Raum ausfüllt.</dd>
+</dl>
+
+<h2 id="Beispiele">Beispiele</h2>
+
+<pre class="brush: html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;-moz-box-flex example&lt;/title&gt;
+    &lt;style&gt;
+      div.example {
+        display: -moz-box;
+        display: -webkit-box;
+        border: 1px solid black;
+        width: 100%;
+      }
+      div.example &gt; p:nth-child(1) {
+        -moz-box-flex: 1;       /* Mozilla */
+        -webkit-box-flex: 1;    /* WebKit */
+        border: 1px solid black;
+      }
+      div.example &gt; p:nth-child(2) {
+        -moz-box-flex: 0;       /* Mozilla */
+        -webkit-box-flex: 0;    /* WebKit */
+        border: 1px solid black;
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;div class="example"&gt;
+      &lt;p&gt;Ich wachse, um den zusätzlichen Raum auszufüllen.&lt;/p&gt;
+      &lt;p&gt;Ich wachse nicht.&lt;/p&gt;
+    &lt;/div&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+
+<h2 id="Hinweise">Hinweise</h2>
+
+<p>Die beinhaltende Box teilt den zur Verfügung stehenden zusätzlichen Abstand proportional zum Flexwert jedes Inhaltselements auf.</p>
+
+<p>Inhaltselemente, die null als Flexwert haben, vergrößern sich nicht.</p>
+
+<p>Falls nur ein Inhaltselement einen Flexwert hat, der nicht null ist, vergrößert es sich, um den verfügbaren Raum auszufüllen.</p>
+
+<p>Inhaltselemente, die den gleichen Flexwert haben, vergrößern sich um den gleichen absoluten Betrag.</p>
+
+<p>Falls der Flexwert über das <code>flex</code> Elementattribut gesetzt wird, wird der Stil ignoriert.</p>
+
+<p>Um XUL Elemente innerhalb einer Box gleich groß zu machen, muss das <code>equalsize</code> Attribut der beinhaltenden Box auf den Wert <code>always</code> gesetzt werden. Dieses Attribut hat keine entsprechende CSS Eigenschaft.</p>
+
+<p>Ein Trick, um alle Inhaltselemente in einer beinhaltenden Box gleich groß zu machen, ist, allen eine feste Größe (z. B. <code>height: 0;</code>) und denselben box-flex Wert größer als null zu geben (z. B. <code>-moz-box-flex: 1</code>).</p>
+
+<h2 id="Spezifikationen">Spezifikationen</h2>
+
+<p>Diese Eigenschaft ist eine nicht standardisierte Erweiterung. Es gab einen <a class="external" href="http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/">alten Entwurf der CSS3 Flexbox Spezifikation</a>, der eine <code>box-flex</code> Eigenschaft definiert hat, aber dieser Entwurf ist mittlerweile überholt.</p>
+
+<h2 id="Browser_Kompatibilität">Browser Kompatibilität</h2>
+
+<p>{{Compat("css.properties.box-flex")}}</p>
+
+<h2 id="Siehe_auch">Siehe auch</h2>
+
+<p>{{cssxref("-moz-box-orient")}}, {{cssxref("-moz-box-pack")}}, {{cssxref("-moz-box-direction")}}, {{cssxref("flex")}}</p>