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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。