dir

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨Januar 2023⁩.

Das dir globale Attribut ist ein enumeriertes Attribut, das die Leserichtung des MathML-Elements angibt.

Beispiel

html,
body {
  height: 100%;
}

body {
  display: grid;
  place-items: center;
  font-size: 1.5rem;
}

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 left to right (von links nach rechts) bedeutet und zur Darstellung mathematischer Ausdrücke von links nach rechts verwendet wird (z.B. englischer oder marokkanischer Stil);
rtl, was right to left (von rechts nach links) bedeutet und zur Darstellung mathematischer Ausdrücke von rechts nach links verwendet wird (z.B. Maghreb- oder Machrek-Stil);

Hinweis:

Dieses Attribut kann von der CSS-Eigenschaft direction überschrieben werden, wenn eine CSS-Seite aktiv ist und das Element diese Eigenschaften unterstützt.
Da die Leserichtung der Mathematik semantisch mit ihrem Inhalt und nicht mit ihrer Darstellung zusammenhängt, wird empfohlen, dass Webentwickler möglichst dieses Attribut anstelle der zugehörigen CSS-Eigenschaften verwenden. Auf diese Weise werden die Formeln auch in einem Browser, der CSS nicht unterstützt oder bei dem CSS deaktiviert ist, korrekt angezeigt.
Das dir-Attribut wird verwendet, um die Leserichtung von mathematischen Formeln festzulegen, die im arabischsprachigen Raum oft von rechts nach links ist. Allerdings betten von rechts nach links geschriebene Sprachen häufig mathematische Inhalte ein, die von links nach rechts geschrieben sind. Daher wird das auto-Schlüsselwort des dir-Attributs in HTML 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

Siehe auch

Alle globalen Attribute.
direction
Das HTML dir globale Attribut

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden