---
title: <mspace>
slug: Web/MathML/Element/mspace
translation_of: Web/MathML/Element/mspace
---
<p>{{MathMLRef()}}</p>

<p>MathML の <code>&lt;mspace&gt;</code> 要素は，空白を作るために使われます。空白のサイズ（訳注：幅だけでなくベースラインからの高さ，深さも）は属性で指定します。</p>

<h2 id="属性">属性</h2>

<dl>
 <dt id="attr-class-id-style">class, id, style</dt>
 <dd>Provided for use with <a href="/ja/docs/CSS">stylesheets</a>.</dd>
 <dt id="attr-depth">depth</dt>
 <dd>ベースラインからの希望の深さ（値と単位については <a href="/ja/docs/MathML/Attributes/Values#Lengths">length</a> 参照）</dd>
 <dt id="attr-height">height</dt>
 <dd>ベースラインからの希望の高さ（値と単位については <a href="/ja/docs/MathML/Attributes/Values#Lengths">length</a> 参照）</dd>
 <dt id="attr-linebreak">linebreak</dt>
 <dd>この空白における改行について。取り得る値は <code>auto</code>（規定値），<code>newline，</code><code>nobreak，</code><code>goodbreak</code>，<code>badbreak</code>。MathML 3 以降は改行を制御するのに {{ MathMLElement("mo") }} を用いるのが好ましい。</dd>
 <dt id="attr-mathbackground">mathbackground</dt>
 <dd>The background color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/ja/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd>
 <dt id="attr-width">width</dt>
 <dd>希望の幅（値と単位については <a href="/ja/docs/MathML/Attributes/Values#Lengths">length</a> 参照）</dd>
</dl>

<p>Note that some common attributes like <code>mathcolor</code>, <code>mathvariant</code> or <code>dir</code> have no effect on <code>&lt;mspace&gt;</code>.</p>



<h2 id="例">例</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="ブラウザごとの互換性">ブラウザごとの互換性</h2>



<p>{{Compat("mathml.elements.mspace")}}</p>

<h3 id="Gecko-specific_notes">Gecko-specific notes</h3>

<ul>
 <li><a class="external" href="http://www.w3.org/TR/MathML3/chapter3.html#presm.lbindent.attrs">Indentation attributes</a> are not implemented yet (for Gecko see {{ bug("534962") }}).</li>
 <li>Support for negative values for the <code>width</code> attribute has been implemented in Gecko 23.0 {{geckoRelease("23.0")}}.</li>
</ul>

<h2 id="Specifications" name="Specifications">仕様</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</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="See_also">See also</h2>

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