dir

Baseline 已廣泛支援

此功能已成熟,並且在眾多裝置和瀏覽器版本上都能正常工作。自 2023 年 1 月以來,它已在各瀏覽器中可用。

dir 全域性屬性 是一個列舉屬性,用於指示 MathML 元素的文字方向。

示例

html
<!-- Moroccan style -->
<math display="block" dir="ltr">
  <msqrt>
    <mi>س</mi>
  </msqrt>
  <mo>=</mo>
  <msup>
    <mn>3</mn>
    <mi>ب</mi>
  </msup>
</math>

<!-- Maghreb/Machrek style -->
<math display="block" dir="rtl">
  <msqrt>
    <mi>س</mi>
  </msqrt>
  <mo>=</mo>
  <msup>
    <mn>٣</mn>
    <mi>ب</mi>
  </msup>
</math>

語法

html
<math dir="ltr">
<math dir="rtl">

  • ltr,表示從左到右,用於從左到右渲染數學表示式(例如,英語或摩洛哥風格);
  • rtl,表示從右到左,用於從右到左渲染數學表示式(例如,馬格里布或馬什雷克風格);

備註

  • 如果 CSS 頁面處於活動狀態且元素支援這些屬性,則此屬性可以被 CSS 屬性 direction 覆蓋。
  • 由於數學的方向性與其內容語義相關,而不是與表現形式相關,因此建議 Web 開發者在可能的情況下使用此屬性而不是相關的 CSS 屬性。這樣,即使在不支援 CSS 或已停用 CSS 的瀏覽器上,公式也能正確顯示。
  • dir 屬性用於設定數學公式的方向,在阿拉伯語世界中,數學公式的方向通常是從右到左。然而,從右到左書寫的語言經常會嵌入從左到右書寫的數學內容。因此,HTML dir 屬性中的 auto 關鍵字不被識別,並且預設情況下,使用者代理樣式表會重置 math 元素的 direction 屬性。

規範

規範
MathML Core
# dfn-dir

瀏覽器相容性

另見