<mstyle>

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.

<mstyle> MathML element được dùng để thay đổi kiểu của các phần tử con.

Note: Trong lịch sử, phần tử này chấp nhận gần như toàn bộ các thuộc tính MathML và được dùng để ghi đè các giá trị thuộc tính mặc định của các phần tử con. Sau đó, nó bị giới hạn chỉ còn một vài thuộc tính kiểu dáng liên quan được dùng trong các trang web hiện có. Ngày nay, các thuộc tính kiểu dáng này là chung cho tất cả phần tử MathML, nên <mstyle> thực ra chỉ tương đương với một phần tử <mrow>. Tuy nhiên, <mstyle> vẫn có thể hữu ích để tương thích với các triển khai MathML bên ngoài trình duyệt.

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 lỗi thời sau:

background Deprecated Non-standard

Hãy dùng thuộc tính CSS background-color thay thế.

color Deprecated Non-standard

Hãy dùng thuộc tính CSS color thay thế.

fontsize Deprecated Non-standard

Hãy dùng thuộc tính CSS font-size thay thế.

fontstyle Deprecated Non-standard

Hãy dùng thuộc tính CSS font-style thay thế.

fontweight Deprecated Non-standard

Hãy dùng thuộc tính CSS font-weight thay thế.

Ví dụ

Thuộc tính ánh xạ sang CSS

Ví dụ sau dùng các thuộc tính toàn cục displaystylemathcolor để ghi đè tương ứng math-stylecolor của các phần tử con <munder><munderover>:

html
<math display="block">
  <mstyle displaystyle="false" mathcolor="teal">
    <munder>
      <mo>∑</mo>
      <mi>I</mi>
    </munder>
    <munderover>
      <mo>∏</mo>
      <mrow>
        <mi>i</mi>
        <mo>=</mo>
        <mn>1</mn>
      </mrow>
      <mi>N</mi>
    </munderover>
  </mstyle>
</math>

Thuộc tính script kiểu cũ

Ví dụ sau cho thấy một công thức với font-size được đặt thành 128pt. Nó chứa các số được đặt trong các chỉ số trên lồng nhau, cùng với một phần tử <mstyle> có các thuộc tính kiểu cũ scriptsizemultiplierscriptminsize. font-size được nhân với 0.5 mỗi khi đi vào một chỉ số trên, miễn là điều đó không làm nó nhỏ hơn 16pt.

html
<math display="block">
  <mstyle scriptsizemultiplier="0.5" scriptminsize="16pt">
    <msup>
      <mn>2</mn>
      <msup>
        <mn>2</mn>
        <msup>
          <mn>2</mn>
          <msup>
            <mn>2</mn>
            <msup>
              <mn>2</mn>
              <msup>
                <mn>2</mn>
                <mn>2</mn>
              </msup>
            </msup>
          </msup>
        </msup>
      </msup>
    </msup>
  </mstyle>
</math>
css
math {
  font-size: 128pt;
}

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
# style-change-mstyle

Khả năng tương thích trình duyệt