summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/mathml/presentation-markup/direction/direction-010.html
blob: 6e92dfda2a9ef10fedb242063059b268b4501129 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8"/>
    <title>dir="rtl" VS direction: rtl on math/mrow/mstyle</title>
    <link rel="help" href="https://w3c.github.io/mathml-core/#attributes-common-to-html-and-mathml-elements">
    <link rel="help" href="https://w3c.github.io/mathml-core/#css-styling">
    <link rel="help" href="https://w3c.github.io/mathml-core/#horizontally-group-sub-expressions-mrow">
    <link rel="help" href="https://w3c.github.io/mathml-core/#style-change-mstyle">
    <link rel="help" href="https://w3c.github.io/mathml-core/#the-top-level-math-element">
    <meta name="assert" content="Verify that math, mrow and mstyle with a dir=rtl attribute render the same as CSS direction right-to-left.">
    <link rel="match" href="direction-010-ref.html">
    <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
    <style>
      math {
          font: 25px/1 Ahem;
      }
    </style>
  </head>
  <body>

    <p>
      <math dir="rtl">
        <mtext>X</mtext>
        <mtext>p</mtext>
        <mtext>É</mtext>
      </math>
    </p>

    <p>
      <math>
        <mrow dir="rtl">
          <mtext>X</mtext>
          <mtext>p</mtext>
          <mtext>É</mtext>
        </mrow>
      </math>
    </p>

    <p>
      <math>
        <mstyle mathcolor="blue" dir="rtl">
          <mtext>X</mtext>
          <mtext>p</mtext>
          <mtext>É</mtext>
        </mstyle>
      </math>
    </p>

   <script src="/mathml/support/feature-detection.js"></script>
   <script>MathMLFeatureDetection.ensure_for_match_reftest("has_dir");</script>

  </body>
</html>