| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"/> |
| <title>Verify dir attribute on various containers</title> |
| <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#attributes-common-to-html-and-mathml-elements"> |
| <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling"> |
| <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-top-level-math-element"> |
| <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#horizontally-group-sub-expressions-mrow"> |
| <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#style-change-mstyle"> |
| <meta name="assert" content="Verify dir attribute on various containers."> |
| <link rel="match" href="direction-overall-ref.html"> |
| </head> |
| <body> |
| |
| <!-- Test dir="rtl" on <math>, <mrow> and <mstyle> elements. The rectangle |
| inside these elements should be displayed right-to-left. --> |
| |
| <p> |
| math: |
| <math dir="rtl"> |
| <mspace width="25px" height="25px" mathbackground="red"/> |
| <mspace width="25px" height="25px" mathbackground="green"/> |
| <mspace width="25px" height="25px" mathbackground="blue"/> |
| </math> |
| </p> |
| |
| <p> |
| mrow: |
| <math> |
| <mrow dir="rtl"> |
| <mspace width="25px" height="25px" mathbackground="red"/> |
| <mspace width="25px" height="25px" mathbackground="green"/> |
| <mspace width="25px" height="25px" mathbackground="blue"/> |
| </mrow> |
| </math> |
| </p> |
| |
| <p> |
| mstyle: |
| <math> |
| <mstyle dir="rtl"> |
| <mspace width="25px" height="25px" mathbackground="red"/> |
| <mspace width="25px" height="25px" mathbackground="green"/> |
| <mspace width="25px" height="25px" mathbackground="blue"/> |
| </mstyle> |
| </math> |
| </p> |
| |
| <script src="/mathml/support/feature-detection.js"></script> |
| <script>MathMLFeatureDetection.ensure_for_match_reftest("has_mspace");</script> |
| </body> |
| </html> |
