dir

Baseline 2023

Newly available

Since January 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

dir 全局属性是一个表示 MathML 元素的方向的枚举属性。

语法

html
<!-- 摩洛哥风格 -->
<math dir="ltr">
  <msqrt>
    <mi>س</mi>
  </msqrt>
  <mo>=</mo>
  <msup>
    <mn>3</mn>
    <mi>ب</mi>
  </msup>
</math>

<!-- 马格里布/马什里克风格 -->
<math dir="rtl">
  <msqrt>
    <mi>س</mi>
  </msqrt>
  <mo>=</mo>
  <msup>
    <mn>٣</mn>
    <mi>ب</mi>
  </msup>
</math>

  • ltr,表示从左到右,用于将数学表达式从左到右渲染(例如,英语或摩洛哥风格);
  • rtl,表示从右到左,用于将数学表达式从右到左渲染(例如,摩洛哥或马什里克风格);

备注:

  • 如果存在 CSS 页面并且元素支持这些属性,则此属性可以被 CSS 属性 direction 覆盖。
  • 数学的方向性与其内容的语义相关,而不是与其表现形式相关,因此建议 Web 开发者尽可能使用这一属性,而不是相关的 CSS 属性。这样,即使在不支持 CSS 或已停用 CSS 的浏览器上,公式也能正确显示。
  • dir 属性用于设置数学公式的方向性,在阿拉伯语世界通常是从右到左的。然而,从右到左书写的语言通常嵌入从左到右书写的数学内容。因此,默认情况下,HTML dir 属性中的 auto 关键字不被识别,并且用户代理样式表会重置 math 元素上的方向属性。

规范

Specification
MathML Core
# dfn-dir

浏览器兼容性

BCD tables only load in the browser

参见