diff options
Diffstat (limited to 'files/de/web/css/-moz-box-ordinal-group/index.html')
-rw-r--r-- | files/de/web/css/-moz-box-ordinal-group/index.html | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/files/de/web/css/-moz-box-ordinal-group/index.html b/files/de/web/css/-moz-box-ordinal-group/index.html new file mode 100644 index 0000000000..f4465ba8ca --- /dev/null +++ b/files/de/web/css/-moz-box-ordinal-group/index.html @@ -0,0 +1,66 @@ +--- +title: '-moz-box-ordinal-group' +slug: Web/CSS/-moz-box-ordinal-group +tags: + - CSS + - CSS Referenz + - 'CSS:Mozilla Erweiterungen' + - Flexible Box + - Non-standard +translation_of: Web/CSS/box-ordinal-group +--- +<p>{{CSSRef}}<br> + {{warning("Dies ist eine Eigenschaft des ursprünglichen CSS Flexible Box Entwurfs und wurde in neueren Entwürfen ersetzt.")}}</p> + +<p>Siehe <a href="/de/docs/Web/Guide/CSS/Flexible_boxes" title="/en/CSS/Flexible_boxes">Flexbox</a> für mehr Informationen, was statt dieser Eigenschaft verwendet werden sollte.</p> + +<h2 id="Übersicht">Übersicht</h2> + +<p>Kennzeichnet die Aufzählungsgruppe, zu der das Element gehört. Elemente mit einer geringeren Aufzählungsgruppe werden vor denen mit höherer Aufzählungsgruppe angezeigt.</p> + +<h2 id="Werte">Werte</h2> + +<p>Werte müssen Ganzzahlen größer als null sein. Der Standardwert für diese Eigenschaft ist 1.</p> + +<h2 id="Beispiele">Beispiele</h2> + +<pre class="brush: html"><style type="text/css"> + #Flexbox { + display: -ms-box; + display: -moz-box; + display: -webkit-box; + } + + #text1 { + background: red; + -ms-box-ordinal-group: 4; + -moz-box-ordinal-group: 4; + -webkit-box-ordinal-group: 4; + } + + #text2 { + background: green; + -ms-box-ordinal-group: 3; + -moz-box-ordinal-group: 3; + -webkit-box-ordinal-group: 3; + } + + #text3 { + background: blue; + -ms-box-ordinal-group: 2; + -moz-box-ordinal-group: 2; + -webkit-box-ordinal-group: 2; + } + + #text4 { + background: orange; + } +</style> + +<div id="Flexbox"> + <div id="text1">text 1</div> + <div id="text2">text 2</div> + <div id="text3">text 3</div> + <div id="text4">text 4</div> +</div> +</pre> |