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.

Das dir globale Attribut ist ein Aufzählungsattribut, das die Richtung des MathML-Elements angibt.

Beispiel

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>

Syntax

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

Werte

  • ltr, was von links nach rechts bedeutet und verwendet wird, um mathematische Ausdrücke von links nach rechts darzustellen (z.B. englischer oder marokkanischer Stil);
  • rtl, was von rechts nach links bedeutet und verwendet wird, um mathematische Ausdrücke von rechts nach links darzustellen (z.B. Maghreb- oder Machrek-Stil);

Hinweis:

  • Dieses Attribut kann durch die CSS-Eigenschaft direction überschrieben werden, wenn eine CSS-Seite aktiv ist und das Element diese Eigenschaften unterstützt.
  • Da die Richtung von Mathematik semantisch mit ihrem Inhalt und nicht mit ihrer Darstellung verbunden ist, wird empfohlen, dass Webentwickler dieses Attribut anstelle der verwandten CSS-Eigenschaften verwenden, wann immer möglich. Auf diese Weise werden die Formeln korrekt angezeigt, auch in einem Browser, der CSS nicht unterstützt oder bei dem CSS deaktiviert ist.
  • Das dir-Attribut wird verwendet, um die Richtung von mathematischen Formeln festzulegen, die oft von rechts nach links in der arabischsprachigen Welt ist. Allerdings betten Sprachen, die von rechts nach links geschrieben werden, oft mathematische Inhalte ein, die von links nach rechts geschrieben sind. Folglich wird das auto-Schlüsselwort des HTML-Attributs dir nicht erkannt und standardmäßig setzt das Benutzeragent-Stylesheet die direction-Eigenschaft auf dem math-Element zurück.

Spezifikationen

Specification
MathML Core
# dfn-dir

Browser-Kompatibilität

Siehe auch