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

浏览器兼容性

另见