---
title: <mfrac>
slug: Web/MathML/Element/mfrac
tags:
  - MathML
  - 'MathML:Element'
  - 'MathML:General Layout Schemata'
  - Referência de MathML
translation_of: Web/MathML/Element/mfrac
---
<div>{{MathMLRef}}</div>

<p class="summary">O elemento MathML <code>&lt;mfrac&gt;</code> é usado para apresentar frações.</p>

<h2 id="Sintaxe">Sintaxe</h2>

<pre class="syntaxbox notranslate">&lt;mfrac&gt;<em>numerator</em> <em>denominator</em>&lt;/mfrac&gt;</pre>

<h2 id="Atributos">Atributos</h2>

<dl>
 <dt id="attr-bevelled"><code>bevelled</code> {{deprecated_inline}}</dt>
 <dd>Indica como a fração é apresentada. Se o valor é <code>true</code>, a linha de fração é <em>beveled</em>, que significa que o numerador e o denominador são apresentados lado a lado e separados por uma barra (/). Se o valor é <code>false</code> (o valor pré-definido), o numerador e o denominador são postos um acima do outro.<br>
 Este atributo está obsoleto e será removido no futuro. Use antes U+2044 (barra de fração).</dd>
 <dt id="attr-class-id-style"><code>class</code>, <code>id</code>, <code>style</code></dt>
 <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
 <dt id="attr-denomalign"><code>denomalign</code> {{deprecated_inline}}</dt>
 <dd>O alinhamento do denominador abaixo da linha de fração. Os valores aceites são: <code>left</code>, <code>center</code> (pré-definido), e <code>right</code>.<br>
 Este atributo está obsoleto e será removido no futuro. Use antes o CSS <code><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-align">text-align</a></code>.</dd>
 <dt id="attr-href"><code>href</code></dt>
 <dd>Usado para criar uma hiperligação para um URI.</dd>
 <dt id="attr-linethickness"><code>linethickness</code></dt>
 <dd>A espessura da linha de fração horizontal. Este atributo aceito <a href="/en-US/docs/CSS/length">valores de comprimento</a>.<br>
 Os valores <code>medium</code>, <code>thin</code>, e <code>thick</code> estão obsoletos e serão removidos no futuro.</dd>
 <dt id="attr-mathbackground"><code>mathbackground</code></dt>
 <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
 <dt id="attr-mathcolor"><code>mathcolor</code></dt>
 <dd>A cor do texto e da linha de fração. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
 <dt id="attr-numalign"><code>numalign</code> {{deprecated_inline}}</dt>
 <dd>O alinhamento do numerador sob a fração. Os valores aceites são: <code>left</code>, <code>center</code> (pré-definido), e <code>right</code>.<br>
 Este atributo está obsoleto e será removido no futuro. Use antes o CSS <code><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-align">text-align</a></code>.</dd>
</dl>

<h2 id="Exemplos">Exemplos</h2>

<p>Exemplo: <img alt="(a/b)/(c/d)" src="/files/3194/mfrac.png" style="margin-left: 10px; vertical-align: middle;"></p>

<p>Exemplo renderizado no seu navegador: <math> <mfrac bevelled="true"> <mfrac> <mi> a </mi> <mi> b </mi> </mfrac> <mfrac> <mi> c </mi> <mi> d </mi> </mfrac> </mfrac> </math></p>

<pre class="brush: html notranslate">&lt;math&gt;
  &lt;mfrac bevelled="true"&gt;
     &lt;mfrac&gt;
        &lt;mi&gt; a &lt;/mi&gt;
        &lt;mi&gt; b &lt;/mi&gt;
     &lt;/mfrac&gt;
     &lt;mfrac&gt;
        &lt;mi&gt; c &lt;/mi&gt;
        &lt;mi&gt; d &lt;/mi&gt;
     &lt;/mfrac&gt;
  &lt;/mfrac&gt;
&lt;/math&gt;
</pre>

<h2 id="Especificações">Especificações</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Especificação</th>
   <th scope="col">Estado</th>
   <th scope="col">Comentário</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ SpecName('MathML3', 'chapter3.html#presm.mfrac', 'mfrac') }}</td>
   <td>{{ Spec2('MathML3') }}</td>
   <td>Especificação atual</td>
  </tr>
  <tr>
   <td>{{ SpecName('MathML2', 'chapter3.html#presm.mfrac', 'mfrac') }}</td>
   <td>{{ Spec2('MathML2') }}</td>
   <td>Especificação inical</td>
  </tr>
 </tbody>
</table>

<h2 id="Compatibilidade">Compatibilidade</h2>



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