MathML Fundamentals - Adjust Space Around Content mpadded

An mpadded element renders the same as its child content, but with the size of the child's bounding box and the relative positioning point of its content modified according to mpadded's attributes. It does not rescale (stretch or shrink) its content. Mpadded can be used to make more general adjustments of size and positioning, and some combinations, e.g. negative padding, can cause the content of mpadded to overlap the rendering of neighboring content. MathML Fundamentals

MPadded Test x y z + x y z + x y z + x y z + x y z + x y z x y z + x y z + x y z + x y z + x y z + x y z x y + x y + x y + x y + x y + x y x y z + x y z + x y z + x y z + x y z + x y z y x + y x + y x + y x + y x + y x x y z + x y z + x y z + x y z + x y z x y z + x y z + x y z + x y z + x y z

MathML

<math mathsize="70">
    <mspace linebreak="newline" indentalign="center"></mspace>
    <mtext style="border:1px;">MPadded Test</mtext>
    <mspace linebreak="newline" indentalign="center"></mspace>
    <mrow style="border:1px">
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mi style="border:1px">y</mi>
            <mi style="border:1px">z</mi>
        </mrow>
        <mo>+</mo>
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" width="50%">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">z</mi>
        </mrow>
        <mo>+</mo>
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" width="+50%">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">z</mi>
        </mrow>
        <mo>+</mo>
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" width="-250%">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">z</mi>
        </mrow>
        <mo>+</mo>
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" width="200%height">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">z</mi>
        </mrow>
        <mo>+</mo>
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" width="+200%depth">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">z</mi>
        </mrow>
    </mrow>
    <mspace linebreak="newline" indentalign="center"></mspace>
    <mrow style="border:1px">
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mi style="border:1px">y</mi>
            <mi style="border:1px">z</mi>
        </mrow>
        <mo>+</mo>
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" height="50%">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">z</mi>
        </mrow>
        <mo>+</mo>
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" height="+50%">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">z</mi>
        </mrow>
        <mo>+</mo>
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" height="-250%">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">z</mi>
        </mrow>
        <mo>+</mo>
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" height="200%width">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">z</mi>
        </mrow>
        <mo>+</mo>
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" height="+200%depth">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">z</mi>
        </mrow>
    </mrow>
    <mspace linebreak="newline" indentalign="center"></mspace>
    <mrow style="border:1px">
        <mfrac style="border:1px">
            <mi style="border:1px">x</mi>
            <mi style="border:1px">y</mi>
        </mfrac>
        <mo>+</mo>
        <mfrac style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" height="50%">
                <mi style="border:1px">y</mi>
            </mpadded>
        </mfrac>
        <mo>+</mo>
        <mfrac style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" height="+50%">
                <mi style="border:1px">y</mi>
            </mpadded>
        </mfrac>
        <mo>+</mo>
        <mfrac style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" height="-250%">
                <mi style="border:1px">y</mi>
            </mpadded>
        </mfrac>
        <mo>+</mo>
        <mfrac style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" height="200%width">
                <mi style="border:1px">y</mi>
            </mpadded>
        </mfrac>
        <mo>+</mo>
        <mfrac style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" height="+200%depth">
                <mi style="border:1px">y</mi>
            </mpadded>
        </mfrac>
    </mrow>
    <mspace linebreak="newline" indentalign="center"></mspace>
    <mrow style="border:1px">
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mi style="border:1px">y</mi>
            <mi style="border:1px">z</mi>
        </mrow>
        <mo>+</mo>
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" depth="50%">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">z</mi>
        </mrow>
        <mo>+</mo>
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" depth="+50%">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">z</mi>
        </mrow>
        <mo>+</mo>
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" depth="-250%">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">z</mi>
        </mrow>
        <mo>+</mo>
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" depth="200%width">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">z</mi>
        </mrow>
        <mo>+</mo>
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" depth="+50%height">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">z</mi>
        </mrow>
    </mrow>
    <mspace linebreak="newline" indentalign="center"></mspace>
    <mrow style="border:1px">
        <mfrac style="border:1px">
            <mi style="border:1px">y</mi>
            <mi style="border:1px">x</mi>
        </mfrac>
        <mo>+</mo>
        <mfrac style="border:1px">
            <mpadded style="border:1px" depth="50%">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">x</mi>
        </mfrac>
        <mo>+</mo>
        <mfrac style="border:1px">
            <mpadded style="border:1px" depth="+50%">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">x</mi>
        </mfrac>
        <mo>+</mo>
        <mfrac style="border:1px">
            <mpadded style="border:1px" depth="-250%">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">x</mi>
        </mfrac>
        <mo>+</mo>
        <mfrac style="border:1px">
            <mpadded style="border:1px" depth="200%width">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">x</mi>
        </mfrac>
        <mo>+</mo>
        <mfrac style="border:1px">
            <mpadded style="border:1px" depth="+50%height">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">x</mi>
        </mfrac>
    </mrow>
    <mspace linebreak="newline" indentalign="center"></mspace>
    <mrow style="border:1px">
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mi style="border:1px">y</mi>
            <mi style="border:1px">z</mi>
        </mrow>
        <mo>+</mo>
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" lspace="0.2em">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">z</mi>
        </mrow>
        <mo>+</mo>
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" lspace="-0.2em">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">z</mi>
        </mrow>
        <mo>+</mo>
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" lspace="200%width">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">z</mi>
        </mrow>
        <mo>+</mo>
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" lspace="-100%depth">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">z</mi>
        </mrow>
    </mrow>
    <mspace linebreak="newline" indentalign="center"></mspace>
    <mrow style="border:1px">
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mi style="border:1px">y</mi>
            <mi style="border:1px">z</mi>
        </mrow>
        <mo>+</mo>
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" voffset="0.2em">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">z</mi>
        </mrow>
        <mo>+</mo>
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" voffset="-0.2em">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">z</mi>
        </mrow>
        <mo>+</mo>
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" voffset="20%width">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">z</mi>
        </mrow>
        <mo>+</mo>
        <mrow style="border:1px">
            <mi style="border:1px">x</mi>
            <mpadded style="border:1px" voffset="-100%depth">
                <mi style="border:1px">y</mi>
            </mpadded>
            <mi style="border:1px">z</mi>
        </mrow>
    </mrow>
</math>