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ählbares Attribut, das die Richtung der MathML-Elemente angibt.

Syntax

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

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

Werte

  • ltr, was bedeutet von links nach rechts und wird verwendet, um mathematische Ausdrücke von links nach rechts darzustellen (z.B. im englischen oder marokkanischen Stil);
  • rtl, was bedeutet von rechts nach links und wird verwendet, um mathematische Ausdrücke von rechts nach links darzustellen (z.B. im maghrebinischen oder maschrekischen Stil);

Hinweis:

  • Dieses Attribut kann durch die CSS-Eigenschaft direction überschrieben werden, falls 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 anstatt der verwandten CSS-Eigenschaften verwenden, wenn möglich. Auf diese Weise werden die Formeln auch auf einem Browser korrekt angezeigt, der CSS nicht unterstützt oder bei dem CSS deaktiviert ist.
  • Das dir-Attribut wird verwendet, um die Richtung von mathematischen Formeln festzulegen, die im arabischsprachigen Raum oft von rechts nach links erfolgt. Jedoch betten Sprachen, die von rechts nach links geschrieben werden, häufig mathematische Inhalte ein, die von links nach rechts geschrieben sind. Folglich wird das auto-Schlüsselwort aus dem HTML-dir-Attribut nicht erkannt und standardmäßig setzt das User-Agent-Stylesheet die Direction-Eigenschaft auf dem math-Element zurück.

Spezifikationen

Specification
MathML Core
# dfn-dir

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch