---
title: <mspace>
slug: Web/MathML/Element/mspace
tags:
  - MathML
  - 'MathML:Element'
  - Referenz
translation_of: Web/MathML/Element/mspace
---
<div>{{MathMLRef}}</div>

<p class="summary">Das MathML-Element <code>&lt;mspace&gt;</code> erzeugt einen Weißraum, dessen Größe durch Attribute bestimmt wird.</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>Die Ausdehnung des Leerraums <em>unterhalb</em> der Grundlinie. Mögliche Angaben: siehe <a href="/de/docs/Web/MathML/Attribute/Werte">Längenangaben</a>.</dd>
 <dt id="attr-height">height</dt>
 <dd>Die Ausdehnung des Leerraums <em>oberhalb</em> der Grundlinie. Mögliche Angaben: siehe <a href="/de/docs/Web/MathML/Attribute/Werte">Längenangaben</a>.</dd>
 <dt id="attr-linebreak">linebreak</dt>
 <dd>Gibt an, wie wünschenswert ein Zeilenumbruch an dieser Stelle ist. Mögliche Werte sind: <code>auto</code> (Vorgabewert), <code>newline</code>, <code>nobreak</code>, <code>goodbreak</code>, <code>badbreak</code>.<br>
 Seit MathML 3 soll der Zeilenumbruch bevorzugt mit dem {{ MathMLElement("mo") }}-Element gesteuert werden.</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-width">width</dt>
 <dd>Die Breite des Leerraums. Mögliche Angaben: siehe <a href="/de/docs/Web/MathML/Attribute/Werte">Längenangaben</a>.</dd>
</dl>

<p>Beachte, dass die Attribute <code>mathcolor</code>, <code>mathvariant</code> und <code>dir</code> keine Auswirkung auf <code>&lt;mspace&gt;</code> haben.</p>

<h2 id="Beispiele">Beispiele</h2>

<pre class="brush: html">&lt;math&gt;

  &lt;mspace depth="40px" height="20px" /&gt;

  &lt;mspace width="100px" /&gt;

&lt;/math&gt;
</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.mspace', 'mspace') }}</td>
   <td>{{ Spec2('MathML3') }}</td>
   <td>Current specification</td>
  </tr>
  <tr>
   <td>{{ SpecName('MathML2', 'chapter3.html#presm.mspace', 'mspace') }}</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>linebreak</code></td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
  </tr>
  <tr>
   <td><code>depth</code>, <code>height</code>, <code>width</code></td>
   <td>{{CompatNo}}</td>
   <td>{{ CompatGeckoDesktop("1.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.9.2") }}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
  </tr>
  <tr>
   <td><code>linebreak</code></td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
  </tr>
  <tr>
   <td><code>depth</code>, <code>height</code>, <code>width</code></td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{ CompatGeckoMobile("1.9.2") }}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="Hinweise_zu_Gecko">Hinweise zu Gecko</h2>

<ul>
 <li>Attribute zur Kontrolle des <a class="external" href="http://www.w3.org/TR/MathML3/chapter3.html#presm.lbindent.attrs">Einzugs</a> Indentation attributes werden noch nicht unterstützt (für Gecko siehe {{ bug("534962") }}).</li>
 <li><code>width</code> kann seit Gecko 23.0 {{geckoRelease("23.0")}} negative Werte haben.</li>
</ul>

<h2 id="Siehe_auch">Siehe auch</h2>

<ul>
 <li>{{ MathMLElement("mpadded") }}</li>
 <li>{{ MathMLElement("mphantom") }}</li>
</ul>