dir
Baseline 2023Newly 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 Aufgezähltes Attribut, welches 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. im englischen oder marokkanischen Stil);rtl
, was von rechts nach links bedeutet und verwendet wird, um mathematische Ausdrücke von rechts nach links darzustellen (z. B. im Maghreb- oder Maschrek-Stil);
Hinweis:
- Dieses Attribut kann durch die CSS-Eigenschaft
direction
überschrieben werden, sofern 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 Präsentation zusammenhängt, wird empfohlen, dass Webentwickler dieses Attribut anstelle der zugehörigen CSS-Eigenschaften verwenden, wann immer dies möglich ist. Auf diese Weise werden die Formeln auch in einem Browser, der CSS nicht unterstützt oder CSS deaktiviert hat, korrekt angezeigt.
- Das
dir
-Attribut wird verwendet, um die Richtung von mathematischen Formeln festzulegen, die im arabischsprachigen Raum oft von rechts nach links verläuft. Allerdings betten Sprachen, die von rechts nach links geschrieben werden, häufig mathematische Inhalte ein, die von links nach rechts geschrieben sind. Folglich wird dasauto
-Schlüsselwort aus dem HTML-dir
-Attribut nicht erkannt, und standardmäßig setzt das User-Agent-Stylesheet die Richtungs-Eigenschaft auf demmath
-Element zurück.
Spezifikationen
Specification |
---|
MathML Core # dfn-dir |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
dir |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- See implementation notes.
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Siehe auch
- Alle globalen Attribute.
direction
- Das HTML
dir
-Globale Attribut