dir
The dir
global attribute is an enumerated attribute that indicates the directionality of the MathML element.
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>
Values
ltr
, which means left to right and is used to render mathematical expressions from the left to the right (e.g. English or Moroccan style);rtl
, which means right to left and is used to render mathematical expressions from the right to the left (e.g. Maghreb or Machrek style);
Note:
- This attribute can be overridden by the CSS property
direction
, if a CSS page is active and the element supports these properties. - As the directionality of mathematics is semantically related to its content and not to its presentation, it is recommended that web developers use this attribute instead of the related CSS properties when possible. That way, the formulas will display correctly even on a browser that doesn't support CSS or has the CSS deactivated.
- The
dir
attribute is used to set the directionality of math formulas, which is often from right to left in Arabic-speaking world. However, languages written from right to left often embed mathematical content written from left to right. Consequently, theauto
keyword from the HTMLdir
attribute is not recognized and by default the user agent stylesheet resets the direction property on themath
element.
Specifications
Specification |
---|
MathML Core # dfn-dir |
Browser compatibility
BCD tables only load in the browser
See also
- All global attributes.
direction
- The HTML
dir
global attribute