<mpadded>
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2023.
* Some parts of this feature may have varying levels of support.
<mpadded> MathML element được dùng để thêm khoảng đệm bổ sung và đặt điều chỉnh chung về vị trí và kích thước của nội dung bên trong.
Thuộc tính
Các thuộc tính của phần tử này bao gồm thuộc tính MathML toàn cục cũng như các thuộc tính sau:
depth-
Một
<length-percentage>cho biết độ sâu mong muốn (bên dưới đường cơ sở) của phần tử<mpadded>. height-
Một
<length-percentage>cho biết chiều cao mong muốn (bên trên đường cơ sở) của phần tử<mpadded>. lspace-
Một
<length-percentage>cho biết vị trí ngang của điểm định vị của nội dung con so với điểm định vị của phần tử<mpadded>. voffset-
Một
<length-percentage>cho biết vị trí dọc của điểm định vị của nội dung con so với điểm định vị của phần tử<mpadded>. width-
Một
<length-percentage>cho biết chiều ngang mong muốn của phần tử<mpadded>.
Cú pháp kiểu cũ
Với các thuộc tính depth, height, lspace, voffset và width, một số trình duyệt có thể chấp nhận cú pháp phức tạp hơn:
- Một dấu
+hoặc-tùy chọn ở đầu, chỉ định tăng hoặc giảm kích thước tương ứng (nếu không có, kích thước tương ứng được đặt trực tiếp thành giá trị được chỉ định). - Tiếp theo là một
<unsigned-number>(gọi là α bên dưới). - Tùy chọn theo sau là một giá trị (nếu không có, giá trị được chỉ định được hiểu là "100 lần phần trăm của α").
- Một unit. Giá trị được chỉ định được hiểu giống như độ dài MathML kiểu cũ.
- Một namedspace constant. Giá trị được chỉ định được hiểu là α nhân với hằng số đó.
- Một pseudo-unit
width,heighthoặcdepth. Giá trị được chỉ định được hiểu là α nhân với kích thước tương ứng của nội dung. - Một dấu phần trăm theo sau bởi một pseudo-unit
width,heighthoặcdepth. Giá trị được chỉ định được hiểu là α% kích thước tương ứng của nội dung.
Ví dụ
>Kích thước và độ lệch
<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;
}
Cú pháp kiểu cũ
<math display="block">
<!-- tăng thêm theo một độ dài -->
<mpadded width="+20px">
<mtext>+20px</mtext>
</mpadded>
<!-- đặt thành pseudo-unit -->
<mpadded width="2width">
<mtext>2width</mtext>
</mpadded>
<!-- tăng thêm theo phần trăm của pseudo-unit -->
<mpadded width="+400%height">
<mtext>+400%height</mtext>
</mpadded>
<!-- giảm xuống còn một bội số củ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;
}
Tóm tắt kỹ thuật
| Vai trò ARIA ngầm định | Không có |
|---|
Thông số kỹ thuật
| Specification |
|---|
| MathML Core> # adjust-space-around-content-mpadded> |