<mpadded>

Baseline 广泛可用 *

此功能已成熟,并且在众多设备和浏览器版本上都能正常工作。自 2023 年 1 月以来,它已在各浏览器中可用。

* 此特性的某些部分可能存在不同级别的支持。

<mpadded> MathML 元素用于添加额外的填充,并设置包含内容的通用位置和大小调整。

属性

该元素的属性包括 全局 MathML 属性 以及以下属性:

depth

一个 <length-percentage>,表示 <mpadded> 元素所需的(基线以下的)深度。

height

一个 <length-percentage>,表示 <mpadded> 元素所需的高度(基线以上)。

lspace

一个 <length-percentage>,表示子内容定位点相对于 <mpadded> 元素定位点的水平位置。

voffset

一个 <length-percentage>,表示子内容定位点相对于 <mpadded> 元素定位点的垂直位置。

width

一个 <length-percentage>,表示 <mpadded> 元素所需的水平长度。

旧版语法

对于 depthheightlspacevoffsetwidth 属性,某些浏览器可能接受更复杂的语法:

  1. 可选的 +- 前缀,指定相应尺寸的增量或减量(如果省略,相应尺寸将直接设置为指定值)。
  2. 后跟一个 <unsigned-number>(下面我们称之为 α)。
  3. 可选地后跟一个值(如果省略,则指定的值被解释为“α 的 100%”)。
    • 一个 单位。指定的值的解释与 旧版 MathML 长度 相同。
    • 一个 命名空间常量。指定的值的解释为 α 乘以该常量。
    • 一个伪单位 widthheightdepth。指定的值的解释为 α 乘以内容的相应尺寸。
    • 一个百分号后跟一个伪单位 widthheightdepth。指定的值的解释为 α% 乘以内容的相应尺寸。

示例

尺寸和偏移量

html
<math display="block">
  <mpadded width="400px" height="5em" depth="4em" lspace="300px" voffset="-2em">
    <mi>x</mi>
    <mo>+</mo>
    <mi>y</mi>
  </mpadded>
</math>
css
mpadded {
  background: lightblue;
}

旧版语法

html
<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>
css
mpadded:nth-child(1) {
  background: lightblue;
}
mpadded:nth-child(2) {
  background: lightgreen;
}
mpadded:nth-child(3) {
  background: lightyellow;
}
mpadded:nth-child(4) {
  background: pink;
}

技术摘要

隐式 ARIA 角色 None

规范

规范
MathML Core
# adjust-space-around-content-mpadded

浏览器兼容性

另见