diff options
Diffstat (limited to 'files/de/web/mathml/element/mpadded/index.html')
-rw-r--r-- | files/de/web/mathml/element/mpadded/index.html | 211 |
1 files changed, 211 insertions, 0 deletions
diff --git a/files/de/web/mathml/element/mpadded/index.html b/files/de/web/mathml/element/mpadded/index.html new file mode 100644 index 0000000000..ff4f10b05f --- /dev/null +++ b/files/de/web/mathml/element/mpadded/index.html @@ -0,0 +1,211 @@ +--- +title: <mpadded> +slug: Web/MathML/Element/mpadded +tags: + - MathML + - 'MathML:Element' + - Referenz +translation_of: Web/MathML/Element/mpadded +--- +<div>{{MathMLRef}}</div> + +<p class="summary">Das Element <code><mpadded></code> wird in MathML genutzt, um einen Ausdruck mit zusätzlichem Innenabstand zu versehen und um Position und Größe einzustellen. (engl. to pad = auspolstern)</p> + +<p>Die Ausdehnung der umgebenden Box eines mathematischen Ausdrucks wird zuerst von seiner typographischen Breite und Höhe bestimmt. Der Bezugspunkt des Ausdrucks (Kind-Element) liegt anfangs auf dem Bezugspunkt des umgebenden <code><mpadded></code>-Elements.</p> + +<p>Mit Hilfe von <code><mpadded></code> kann die Breite und Höhe der umgebenden Box verändert (vergrößert) werden. Zusätzlich kann innerhalb dieser Box der Ausdruck horizontal und vertikal positioniert werden.</p> + +<h2 id="Attribute">Attribute</h2> + +<dl> + <dt id="attr-class-id-style">class, id, style</dt> + <dd>Zur Einbindung von <a href="https://developer.mozilla.org/de/docs/Web/CSS">CSS-Stylesheets</a> und zur direkten Anwendung von CSS-Angaben.</dd> + <dt id="attr-depth">depth</dt> + <dd>Setzt oder ändert die vertikale Ausdehnung der umgebenden Box von <code><mpadded></code> <em>unterhalb</em> der Grundlinie. Eine (nichtnegative) <a href="/de/docs/Web/MathML/Attribute/Werte">Längenangabe</a>, die weder mit - noch mit + beginnt, <em>setzt</em> den Wert. Eine <a href="/de/docs/Web/MathML/Attribute/Werte">Längenangabe</a>, die mit - oder + beginnt, <em>verringert</em> bzw. <em>erhöht</em> den Wert entsprechend. (Eine Verringerung von <code>depth</code> kann zu Überlappung mit dem Ausdruck darunter führen und sollte vermieden werden.)</dd> + <dt id="attr-height">height</dt> + <dd>Setzt oder ändert die vertikale Ausdehnung der umgebenden Box von <code><mpadded></code> <em>oberhalb</em> der Grundlinie. Eine (nichtnegative) <a href="/de/docs/Web/MathML/Attribute/Werte">Längenangabe</a>, die weder mit - noch mit + beginnt, <em>setzt</em> den Wert. Eine <a href="/de/docs/Web/MathML/Attribute/Werte">Längenangabe</a>, die mit - oder + beginnt, <em>verringert</em> bzw. <em>erhöht</em> den Wert entsprechend. (Eine Verringerung von <code>height</code> kann zu Überlappung mit dem Ausdruck darüber führen und sollte vermieden werden.)</dd> + <dt id="attr-href">href</dt> + <dd>Mit diesem Attribut kann ein Link gesetzt werden.</dd> + <dt id="attr-lspace">lspace</dt> + <dd>Setzt oder ändert den horizontalen Abstand des Bezugspunktes der Kind-Elemente zum Bezugspunkt von <code><mpadded></code> selbst. Eine (nichtnegative) <a href="/de/docs/Web/MathML/Attribute/Werte">Längenangabe</a>, die weder mit - noch mit + beginnt, <em>setzt</em> den Wert. Eine <a href="/de/docs/Web/MathML/Attribute/Werte">Längenangabe</a>, die mit - oder + beginnt, <em>verringert</em> bzw. <em>erhöht</em> den Wert entsprechend. (Eine Verringerung von <code>lspace</code> kann dazu führen, dass der Term links herausragt und sollte vermieden werden. Erhöhung sollte im Einklang mit der Erhöhung von <code>width</code> stehen.) (engl. leading = führend, vorangestellt)</dd> + <dt id="attr-mathbackground">mathbackground</dt> + <dd>Die Hintergrundfarbe. Folgende Notationen sind erlaubt: <code><a href="https://developer.mozilla.org/de/docs/Web/CSS/Farben#rgb%28%29">#rgb</a></code>, <code><a href="https://developer.mozilla.org/de/docs/Web/CSS/Farben#rgb%28%29">#rrggbb</a></code> und <a href="https://developer.mozilla.org/de/docs/Web/CSS/Farben#Werte">HTML-Farbnamen</a>.</dd> + <dt id="attr-mathcolor">mathcolor</dt> + <dd>Die Textfarbe. Folgende Notationen sind erlaubt: <code><a href="https://developer.mozilla.org/de/docs/Web/CSS/Farben#rgb%28%29">#rgb</a></code>, <code><a href="https://developer.mozilla.org/de/docs/Web/CSS/Farben#rgb%28%29">#rrggbb</a></code> und <a href="https://developer.mozilla.org/de/docs/Web/CSS/Farben#Werte">HTML-Farbnamen</a>.</dd> + <dt id="attr-voffset">voffset</dt> + <dd>Setzt oder ändert den vertikalen Abstand des Bezugspunktes der Kind-Elemente zum Bezugspunkt von <code><mpadded> selbst</code>. Eine (nichtnegative) <a href="/de/docs/Web/MathML/Attribute/Werte">Längenangabe</a>, die weder mit - noch mit + beginnt, <em>setzt</em> den Wert. Eine <a href="/de/docs/Web/MathML/Attribute/Werte">Längenangabe</a>, die mit - oder + beginnt, <em>verringert</em> bzw. <em>erhöht</em> den Wert entsprechend. (Eine Verringerung von <code>voffset</code> kann dazu führen, dass der Term nach unten überlappt und sollte mit der Vergrößerung von <code>depth</code> in Einklang stehen. Eine Erhöhung von <code>voffset</code> kann zu einer Überlappung nach oben führen und sollte mit der Erhöhung von <code>height</code> im Einklang stehen.)</dd> + <dt id="attr-width">width</dt> + <dd>Setzt oder ändert den horizontalen Abstand des Bezugspunktes der <code><mpadded>-</code>Box zum Bezugspunkt der folgenden Box. Eine (nichtnegative) <a href="/de/docs/Web/MathML/Attribute/Werte">Längenangabe</a>, die weder mit - noch mit + beginnt, <em>setzt</em> den Wert. Eine <a href="/de/docs/Web/MathML/Attribute/Werte">Längenangabe</a>, die mit - oder + beginnt, <em>verringert</em> bzw. <em>erhöht</em> den Wert entsprechend. (Eine Verringerung von <code>width</code> kann zu Überlappung mit dem folgenden Ausdruck führen und sollte vermieden werden.)</dd> +</dl> + +<h3 id="Pseudo-Einheiten">Pseudo-Einheiten</h3> + +<p>Für die Attribute <code>depth</code>, <code>height</code>, <code>lspace</code>, <code>voffset</code>, and <code>width</code> können die Schlüsselwörter <code>"depth</code>",<code> "height"</code> und <code>"width"</code> genutzt werden. Sie repräsentieren jeweils den Wert, den sie benennen.</p> + +<h2 id="Beispiele">Beispiele</h2> + +<pre class="brush: html"><math> + + <mpadded height="+150px" width="100px" lspace="2height"> + <mi> x </mi> + <mo> + </mo> + <mi> y </mi> + </mpadded> + +</math> +</pre> + +<h2 id="Spezifikationen">Spezifikationen</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Standard</th> + <th scope="col">Status</th> + <th scope="col">Bemerkung</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('MathML3', 'chapter3.html#presm.mpadded', 'mpadded') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>Current specification</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.mpadded', 'mpadded') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>Initial specification</td> + </tr> + </tbody> +</table> + +<h2 id="Browserkompatibilität">Browserkompatibilität</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Merkmal</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("1.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>href</code></td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("7.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>mathbackground</code></td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("2.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>mathcolor</code></td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("2.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>voffset</code></td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoDesktop("7.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Merkmal</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("1.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>href</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("7.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>mathbackground</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("2.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>mathcolor</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("2.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>voffset</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{ CompatGeckoMobile("7.0") }}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Hinweise_zu_Gecko">Hinweise zu Gecko</h2> + +<p>Bis Gecko 7.0 {{ geckoRelease("7.0") }} war die MathML2 Pseudo-Einheit <code>lspace</code> zulässig. Diese ist nicht mehr Bestandteil der MathML3 Recommendation und wurde entfernt.</p> + +<h2 id="Siehe_auch">Siehe auch</h2> + +<ul> + <li>{{ MathMLElement("mphantom") }}</li> + <li>{{ MathMLElement("mspace") }}</li> +</ul> |