Firefox Tomorrow

mathml element

<mpadded>

View on MDN ↗

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

Attributes

This element’s attributes include the global MathML attributes as well as the following attributes:

  • depth
    • : A length-percentage indicating the desired depth (below the baseline) of the <mpadded> element.
  • height
    • : A length-percentage indicating the desired height (above the baseline) of the <mpadded> element.
  • lspace
    • : A length-percentage indicating the horizontal location of the positioning point of the child content with respect to the positioning point of the <mpadded> element.
  • voffset
    • : A length-percentage indicating the vertical location of the positioning point of the child content with respect to the positioning point of the <mpadded> element.
  • width
    • : A length-percentage indicating the desired horizontal length of the <mpadded> element.

Legacy syntax

For the depth, height, lspace, voffset and width attributes, some browsers may instead accept a more complex syntax:

  1. An optional + or - sign as a prefix, specifying an increment or decrement to the corresponding dimension (if absent, the corresponding dimension is set directly to specified value).
  2. Followed by an <unsigned-number> (let’s call it α below).
  3. Optionally followed by a value (if absent, the specified value is interpreted as “100 times α percent”).
    • A unit. The specified value is interpreted the same as legacy MathML lengths.
    • A namedspace constant. The specified value is interpreted as α times the constant.
    • A pseudo-unit width, height or depth. The specified value is interpreted as α times the corresponding dimension of the content.
    • A percent sign followed by a pseudo-unit width, height or depth. The specified value is interpreted as α% the corresponding dimension of the content.

Examples

Dimensions and offsets

<math display="block">
  <mpadded width="400px" height="5em" depth="4em" lspace="300px" voffset="-2em">
    <mi>x</mi>
    <mo>+</mo>
    <mi>y</mi>
  </mpadded>
</math>

mpadded {
  background: lightblue;
}
Interactive exampleOpen the canonical MDN source to run this embedded demo.

Legacy syntax

<math display="block">
  <!-- increment by a length -->
  <mpadded width="+20px">
    <mtext>+20px</mtext>
  </mpadded>

  <!-- set to a pseudo-unit -->
  <mpadded width="2width">
    <mtext>2width</mtext>
  </mpadded>

  <!-- increment by a percent of a pseudo-unit -->
  <mpadded width="+400%height">
    <mtext>+400%height</mtext>
  </mpadded>

  <!-- decrement to a multiple of a namedspace -->
  <mpadded width="-1thickmathspace">
    <mtext>-1thickmathspace</mtext>
  </mpadded>
</math>

mpadded:nth-child(1) {
  background: lightblue;
}
mpadded:nth-child(2) {
  background: lightgreen;
}
mpadded:nth-child(3) {
  background: lightyellow;
}
mpadded:nth-child(4) {
  background: pink;
}
Interactive exampleOpen the canonical MDN source to run this embedded demo.

Technical summary

Implicit ARIA role None

Specifications

SpecificationsStandards references are available on the canonical MDN page.

Browser compatibility

Browser compatibilityCompatibility data is available on the canonical MDN page.

See also

  • mphantom
  • mspace