Open In App

HTML5 MathML <mpadded> Tag

Improve
Improve
Like Article
Like
Save
Share
Report

The MathML <mpadded> tag in HTML5 is used to add extra padding and to set the general adjustment of position and size of enclosed contents.

Syntax:

<mpadded attribute="value"> </mpadded> 

Attributes:

  • class|id|style: This attribute is used to hold the styles of the child elements.
  • mathbackground: This attribute holds the value of the math expressions background color.
  • mathcolor: This attribute holds the color of the math expressions.
  • href: This attribute used to hold any hyperlink to a specified URL.
  • height This attribute is used to set the height or increase/decrease the height of the content.
  • width: This attribute is used to set the width or increase/decrease the width of the content.
  • depth: This attribute is used to set the depth or increase/decrease the depth of the content.
  • lspace: This attribute holds the value of the space length before the operator default value is thickmathspace (4.32px).
  • voffset This attribute is used to set the vertical position or increment that.

Below example illustrates the concept of HTML5 MathML <mpadded> tag:

Example:

html




<!DOCTYPE html>
<html>
 
<head>
    <title>HTML5 MathML mpadded tag</title>
</head>
 
<body style="text-align:center;">
 
    <h1 style="color:green">
        GeeksforGeeks
    </h1>
 
    <h3>HTML5 MathML mpadded Tag</h3>
 
    <math>
        <mpadded height="100px"
                 width="100px"
                 lspace="height">
            <mrow>
                <mrow>
                    <msup>
                        <mi>x</mi>
                        <mn>2</mn>
                    </msup>
                    <mo>+</mo>
                    <msup>
                        <mi>y</mi>
                        <mn>2</mn>
                    </msup>
                </mrow>
                <mo>=</mo>
                <msup>
                    <mi>z</mi>
                    <mn>2</mn>
                </msup>
            </mrow>
        </mpadded>
    </math>
</body>
 
</html>


Output:

Screenshot-from-2023-07-07-12-29-41

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

  • Firefox
  • Safari


Last Updated : 10 Jul, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads