diff options
Diffstat (limited to 'files/de/web/css/-moz-orient/index.html')
| -rw-r--r-- | files/de/web/css/-moz-orient/index.html | 73 |
1 files changed, 73 insertions, 0 deletions
diff --git a/files/de/web/css/-moz-orient/index.html b/files/de/web/css/-moz-orient/index.html new file mode 100644 index 0000000000..8f650e4ab5 --- /dev/null +++ b/files/de/web/css/-moz-orient/index.html @@ -0,0 +1,73 @@ +--- +title: '-moz-orient' +slug: Web/CSS/-moz-orient +tags: + - CSS + - CSS Referenz + - Non-standard +translation_of: Web/CSS/-moz-orient +--- +<div>{{CSSRef}}{{Non-standard_header}}</div> + +<p>Die <code>-moz-orient</code> CSS Eigenschaft bestimmt die Orientierung des Elements, auf das sie angewendet wird.</p> + +<p>{{cssinfo}}</p> + +<h2 id="Syntax">Syntax</h2> + +<pre class="syntaxbox">{{csssyntax}}</pre> + +<h3 id="Werte">Werte</h3> + +<dl> + <dt><code>inline</code></dt> + <dd>Das Element wird in der gleichen Richtung wie die Textachse dargestellt: horizontal für horizontale Schreibmodi, vertikal für vertikale Schreibmodi.</dd> + <dt><code>block</code></dt> + <dd>Das Element wird in der gleichen Richtung wie die Textachse dargestellt: horizontal für horizontale Schreibmodi, vertikal für vertikale Schreibmodi.</dd> + <dt><code>horizontal</code></dt> + <dd>Das Element wird horizontal dargestellt.</dd> + <dt><code>vertical</code></dt> + <dd>Das Element wird vertikal dargestellt.</dd> +</dl> + +<h2 id="Beispiele">Beispiele</h2> + +<h3 id="HTML">HTML</h3> + +<pre class="brush: html"><p> + The following progress meter + is horizontal (the default): +</p> +<progress max="100" value="75"></progress> + +<p> + The following progress meter + is vertical: +</p> +<progress class="vert" max="100" value="75"></progress></pre> + +<h3 id="CSS">CSS</h3> + +<pre class="brush: css">.vert { + -moz-orient: vertical; + width: 16px; + height: 150px; +}</pre> + +<h3 id="Beispiele_2">Beispiele</h3> + +<p>{{EmbedLiveSample("Beispiele","200","360")}}</p> + +<h2 id="Spezifikationen">Spezifikationen</h2> + +<p>Obwohl für das W3C mit anfänglichem positivem Feedback <a href="https://lists.w3.org/Archives/Public/www-style/2014Jun/0396.html">eingereicht</a>, ist diese Eigenschaft noch nicht Teil einer Spezifikation; aktuell ist sie daher eine Mozilla spezifische Erweiterung (d. h. <code>-moz-orient</code>).</p> + +<h2 id="Browser_Kompatibilität">Browser Kompatibilität</h2> + +{{Compat("css.properties.-moz-orient")}} + +<h2 id="Siehe_auch">Siehe auch</h2> + +<ul> + <li>{{cssxref("box-orient")}}</li> +</ul> |