math-depth
Baseline
2026
Newly available
Since March 2026, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Thuộc tính math-depth mô tả khái niệm độ sâu cho mỗi phần tử trong một công thức toán học, so với hộp chứa cấp cao nhất của công thức đó. Thuộc tính này được sử dụng để thay đổi tỷ lệ giá trị được tính toán của font-size của các phần tử khi áp dụng font-size: math.
Note:
font-size: math là giá trị mặc định cho các phần tử <math> trong bảng kiểu User Agent của MathML Core, vì vậy không cần chỉ định rõ ràng.
Cú pháp
/* Giá trị từ khóa */
math-depth: auto-add;
/* Giá trị tương đối */
math-depth: add(2);
math-depth: add(-2);
/* Giá trị tuyệt đối */
math-depth: 4;
/* Giá trị toàn cục */
math-depth: inherit;
math-depth: initial;
math-depth: revert;
math-depth: revert-layer;
math-depth: unset;
Giá trị
auto-add-
Đặt thành
math-depthkế thừa cộng thêm 1 khi math-style kế thừa làcompact. add(<integer>)-
Đặt thành
math-depthkế thừa cộng thêm số nguyên được chỉ định. <integer>-
Đặt thành số nguyên được chỉ định.
Định nghĩa hình thức
| Initial value | 0 |
|---|---|
| Applies to | all elements |
| Inherited | yes |
| Computed value | as specified |
| Animation type | Not animatable |
Cú pháp hình thức
math-depth =
auto-add |
add( <integer> ) |
<integer>
<integer> =
<number-token>
Ví dụ
Chỉ định độ sâu toán học
Ví dụ sau đây cho thấy hiệu lực của việc thay đổi thuộc tính math-depth đối với kích thước phông chữ của các công thức con.
Các con số trong mỗi công thức con chỉ ra math-depth và hệ số tỷ lệ được áp dụng.
Phần tử <mtext> đầu tiên được dùng làm tham chiếu cho các công thức con khác và không có kiểu cụ thể nào được áp dụng.
Công thức con thứ hai và thứ ba có math-depth được đặt thành auto-add và hiển thị hiệu lực của việc thay đổi tỷ lệ tùy thuộc vào math-style.
Hai công thức con cuối cùng hiển thị hiệu lực của việc đặt math-depth thành một giá trị cụ thể.
HTML
<p>
<math>
<mtext>0</mtext>
<!-- auto-add value has no effect when math-style is normal -->
<mrow style="math-style: normal">
<mrow style="math-depth: auto-add">
<mtext>0</mtext>
</mrow>
</mrow>
<!-- the inherited math-style is compact, so math-depth is set to 1 -->
<mrow style="math-depth: auto-add">
<mtext>1</mtext>
</mrow>
<mrow style="math-depth: add(2)">
<mtext>2</mtext>
<mrow style="math-depth: add(-1)">
<mtext>1</mtext>
</mrow>
<mrow style="math-depth: 0">
<mtext>0</mtext>
</mrow>
</mrow>
</math>
</p>
Kết quả
Đặc tả kỹ thuật
| Specification |
|---|
| MathML Core # the-math-script-level-property |