<mpadded>

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;
}

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;
}

Technical summary

Specifications

Browser compatibility

See also

• <mphantom>
• <mspace>