HTML5 | MathML <mfenched> tag

The MathML <mfenched> tag in HTML5 is used to add custom open and closing parentheses. Like you can open any parentheses and can close different brackets and separators.

Syntax:

<mfenced open="parentheses" close="parentheses" separators=" ">
    child elements
</mfenced>

Attributes: This tag accepts some attribute which are listed below:

  • class|id|style: This attribute is used to hold the styles of the child elements.
  • href: This attribute is used to hold any hyperlink to a specified URL.
  • mathbackground: This attribute holds the value of the math expressions background color.
  • mathcolor: This attribute holds the color of the math expressions.
  • open: This attribute holds the opening parentheses.
  • separator: This attribute holds the separator for each string or anything you want to separate from anthing.
  • close: This attribute holds the closing parentheses.

Below example illustrates the MathML <mfenched> tag in HTML5:

Example:



filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
  
<head>
    <title>HTML5 MathML mfenched tag</title>
</head>
  
<body>
    <center>
        <h1 style="color:green">
            GeeksforGeeks
        </h1>
          
        <h3>HTML5 MathML <mfenched> tag</h3>
          
        <math>
            <mfenced open="(" close=")" separators="">
                <mrow>
                    <msup>
                        <mi>x</mi>
                        <mn>2</mn>
                    </msup>
                    <mo>+</mo>
                    <msup>
                        <mi>y</mi>
                        <mn>2</mn>
                    </msup>
                    <mo>=</mo>
                    <msup>
                        <mi>z</mi>
                        <mn>2</mn>
                    </msup>
                </mrow>
            </mfenched>
        </math>
    </center>
</body>
  
</html>

chevron_right


Output:

Supported Browsers: The browsers supported by HTML5 MathML <mfenched> tag are listed below:

  • Firefox

full-stack-img




My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.