属性
该元素的属性包括 全局 MathML 属性 以及以下属性:
depth
-
一个
<length-percentage>
,表示<mpadded>
元素所需的(基线以下的)深度。 height
-
一个
<length-percentage>
,表示<mpadded>
元素所需的高度(基线以上)。 lspace
-
一个
<length-percentage>
,表示子内容定位点相对于<mpadded>
元素定位点的水平位置。 voffset
-
一个
<length-percentage>
,表示子内容定位点相对于<mpadded>
元素定位点的垂直位置。 width
-
一个
<length-percentage>
,表示<mpadded>
元素所需的水平长度。
旧版语法
对于 depth
、height
、lspace
、voffset
和 width
属性,某些浏览器可能接受更复杂的语法:
- 可选的
+
或-
前缀,指定相应尺寸的增量或减量(如果省略,相应尺寸将直接设置为指定值)。 - 后跟一个
<unsigned-number>
(下面我们称之为 α)。 - 可选地后跟一个值(如果省略,则指定的值被解释为“α 的 100%”)。
- 一个 单位。指定的值的解释与 旧版 MathML 长度 相同。
- 一个 命名空间常量。指定的值的解释为 α 乘以该常量。
- 一个伪单位
width
、height
或depth
。指定的值的解释为 α 乘以内容的相应尺寸。 - 一个百分号后跟一个伪单位
width
、height
或depth
。指定的值的解释为 α% 乘以内容的相应尺寸。
示例
尺寸和偏移量
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 |
浏览器兼容性
加载中…