---
title: <mi>
slug: Web/MathML/Element/mi
translation_of: Web/MathML/Element/mi
---
<div>{{MathMLRef}}</div>

<p class="summary">MathML の <code>&lt;mi&gt;</code> 要素は、関数名や変数、記号定数（訳注：数値リテラルでなく文字で表された定数）などの<strong>識別子</strong>としてレンダリングされるべきコンテンツを表します。項をマークアップするために任意のテキストを入れることもできます。</p>

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

<dl>
 <dt id="attr-class-id-style">class, id, style</dt>
 <dd><a href="/ja/docs/CSS">スタイルシート</a>と一緒に用いて提供されます。</dd>
 <dt id="attr-dir">dir</dt>
 <dd>数式全体の書字方向。値として <code>ltr</code> （左から右へ）と <code>rtl</code> （右から左へ） が指定可能です。</dd>
 <dt id="attr-href">href</dt>
 <dd>指定された URI へのハイパーリンクの設定に使用されます。</dd>
 <dt id="attr-mathbackground">mathbackground</dt>
 <dd>背景色。<code>#rgb</code>、<code>#rrggbb</code>および<a href="/ja/docs/CSS/color_value#Color_Keywords">HTML色名</a>を使用できます。</dd>
 <dt id="attr-mathcolor">mathcolor</dt>
 <dd>文字色。<code>#rgb</code>、<code>#rrggbb</code>および<a href="/ja/docs/CSS/color_value#Color_Keywords">HTML色名</a>を使用できます。</dd>
 <dt id="attr-mathsize">mathsize</dt>
 <dd>The size of the content. Possible values are:
 <ul>
  <li><code>small:</code> Font is rendered smaller than the current font size.</li>
  <li><code>normal:</code> Equivalent to 100% or 1em.</li>
  <li><code>big:</code> Font is rendered larger than the current font size.</li>
  <li>a custom <a href="/ja/docs/CSS/length">length</a>.</li>
  <li>or a unitless value which multiplies the default.</li>
 </ul>
 </dd>
 <dt id="attr-mathvariant">mathvariant</dt>
 <dd>This logical class of the identifier, which varies in typography. That is, although the names suggest the typographic style for the class, semantically, items with the same class are treated "the same" within an expression, which might or might not involve displaying them with the named typography. The following values are allowed:
 <ul>
  <li><code>normal</code> (Default value for <em>more than one character</em>) ; <math><mi mathvariant="normal">Example</mi></math></li>
  <li><code>bold</code> ; <math><mi mathvariant="bold">Example</mi></math></li>
  <li><code>italic</code> (Default value for <em>a single character</em>) ; <math><mi mathvariant="italic">Example</mi></math></li>
  <li><code>bold-italic</code> ; <math><mi mathvariant="bold-italic">Example</mi></math></li>
 </ul>

 <ul>
  <li><code>double-struck</code> ; <math><mi mathvariant="double-struck">Example</mi></math></li>
  <li><code>bold-fraktur</code> ; <math><mi mathvariant="bold-fraktur">Example</mi></math></li>
  <li><code>script</code> ; <math><mi mathvariant="script">Example</mi></math></li>
  <li><code>bold-script</code> ; <math><mi mathvariant="bold-script">Example</mi></math></li>
  <li><code>fraktur</code> ; <math><mi mathvariant="fraktur">Example</mi></math></li>
 </ul>

 <ul>
  <li><code>sans-serif</code> ; <math><mi mathvariant="sans-serif">Example</mi></math></li>
  <li><code>bold-sans-serif</code> ; <math><mi mathvariant="bold-sans-serif">Example</mi></math></li>
  <li><code>sans-serif-italic</code> ; <math><mi mathvariant="sans-serif-italic">Example</mi></math></li>
  <li><code>sans-serif-bold-italic</code> ; <math><mi mathvariant="sans-serif-bold-italic">Example</mi></math></li>
  <li><code>monospace</code> ; <math><mi mathvariant="monospace">Example</mi></math></li>
 </ul>

 <ul>
  <li><code>initial</code> ; <math><mi mathvariant="initial">مثال</mi></math></li>
  <li><code>tailed</code> ; <math><mi mathvariant="tailed">مثال</mi></math></li>
  <li><code>looped</code> ; <math><mi mathvariant="looped">مثال</mi></math></li>
  <li><code>stretched</code> ; <math><mi mathvariant="stretched">مثال</mi></math></li>
 </ul>
 </dd>
</dl>

<h2 id="例">例</h2>

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

  &lt;mi&gt; y &lt;/mi&gt;

  &lt;mi&gt; sin &lt;/mi&gt;

  &lt;mi mathvariant="monospace"&gt; x &lt;/mi&gt;

  &lt;mi mathvariant="bold"&gt; &amp;pi; &lt;/mi&gt;

&lt;/math&gt;
</pre>

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

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">仕様</th>
   <th scope="col">状態</th>
   <th scope="col">コメント</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ SpecName('MathML3', 'chapter3.html#presm.mi', 'mi') }}</td>
   <td>{{ Spec2('MathML3') }}</td>
   <td>現在の仕様</td>
  </tr>
  <tr>
   <td>{{ SpecName('MathML2', 'chapter3.html#presm.mi', 'mi') }}</td>
   <td>{{ Spec2('MathML2') }}</td>
   <td>初期の仕様</td>
  </tr>
 </tbody>
</table>

<h2 id="ブラウザー互換性">ブラウザー互換性</h2>



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

<h2 id="Gecko_固有の注記">Gecko 固有の注記</h2>

<ul>
 <li>Starting with Gecko 20.0 {{geckoRelease("20.0")}} a unitless value for <code>mathsize</code> is allowed.</li>
 <li>Some <code>mathvariant</code> values are only implemented starting with Gecko 28.0 {{ geckoRelease("28.0") }} and require appropriate <a href="/ja/docs/Mozilla/MathML_Project/Fonts">math fonts</a>.</li>
</ul>