<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

瀏覽器相容性

另見