HTML5 MathML <mfrac>标记用法及代码示例

HTML5 MathML <mfrac>标签是HTML5中的内置元素。用于在两个数字或方程之间添加分数符号。

用法:

<mfrac> numerator denominator </mfrac>

属性：该标签接受以下提到的属性：

bevelled:此属性保存值，如果值为，将如何显示分数true然后分子和分母并排显示，并用斜杠分隔。如果值为false(默认值)显示的分子和分母彼此重叠。
class| id| style:此属性用于保存子元素的样式。
href:此属性用于保存指向指定URL的任何超链接。
mathbackground:此属性保存数学表达式背景色的值。
mathcolor:此属性保存数学表达式的颜色。
denomalign:该属性保存分母的对齐值，可能的值为left，center是的。
linethickness:此属性保存分数的厚度值。可能的值是thick，medium和thin。
numalign:该属性保存分子的对齐值，可能的值是left，right和center。

以下示例说明了HTML5中的MathML <mfrac>标签：

例：

<!DOCTYPE html> 
<html> 
   
<head> 
    <title>HTML5 MathML mfrac tag</title> 
</head> 
   
<body> 
    <center> 
        <h1 style="color:green"> 
            GeeksforGeeks 
        </h1> 
          
        <h3>HTML5 MathML <mfrac> tag</h3> 
          
        <math> 
            <mfrac bevelled="true"> 
                <mfrac> 
                    <msup> 
                        <mi>x</mi> 
                        <mn>2</mn> 
                    </msup> 
                    <msup> 
                        <mi>y</mi> 
                        <mn>2</mn> 
                    </msup> 
                </mfrac> 
                <mfrac> 
                    <msup> 
                        <mi>a</mi> 
                        <mn>2</mn> 
                    </msup> 
                    <msup> 
                        <mi>b</mi> 
                        <mn>2</mn> 
                    </msup> 
                </mfrac> 
            </mfrac> 
        </math> 
    </center> 
</body> 
   
</html>

输出：

支持的浏览器：下面列出了HTML5 MathML <mfrac>标记支持的浏览器：

Firefox

相关用法

注：本文由纯净天空筛选整理自skyridetim大神的英文原创作品 HTML5 | MathML <mfrac> tag。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。