direction-overall.html (1945B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"/> 5 <title>Verify dir attribute on various containers</title> 6 <link rel="help" href="https://w3c.github.io/mathml-core/#attributes-common-to-html-and-mathml-elements"> 7 <link rel="help" href="https://w3c.github.io/mathml-core/#css-styling"> 8 <link rel="help" href="https://w3c.github.io/mathml-core/#the-top-level-math-element"> 9 <link rel="help" href="https://w3c.github.io/mathml-core/#horizontally-group-sub-expressions-mrow"> 10 <link rel="help" href="https://w3c.github.io/mathml-core/#style-change-mstyle"> 11 <meta name="assert" content="Verify dir attribute on various containers."> 12 <link rel="match" href="direction-overall-ref.html"> 13 </head> 14 <body> 15 16 <!-- Test dir="rtl" on <math>, <mrow> and <mstyle> elements. The rectangle 17 inside these elements should be displayed right-to-left. --> 18 19 <p> 20 math: 21 <math dir="rtl"> 22 <mspace width="25px" height="25px" mathbackground="red"/> 23 <mspace width="25px" height="25px" mathbackground="green"/> 24 <mspace width="25px" height="25px" mathbackground="blue"/> 25 </math> 26 </p> 27 28 <p> 29 mrow: 30 <math> 31 <mrow dir="rtl"> 32 <mspace width="25px" height="25px" mathbackground="red"/> 33 <mspace width="25px" height="25px" mathbackground="green"/> 34 <mspace width="25px" height="25px" mathbackground="blue"/> 35 </mrow> 36 </math> 37 </p> 38 39 <p> 40 mstyle: 41 <math> 42 <mstyle dir="rtl"> 43 <mspace width="25px" height="25px" mathbackground="red"/> 44 <mspace width="25px" height="25px" mathbackground="green"/> 45 <mspace width="25px" height="25px" mathbackground="blue"/> 46 </mstyle> 47 </math> 48 </p> 49 50 <script src="/mathml/support/feature-detection.js"></script> 51 <script>MathMLFeatureDetection.ensure_for_match_reftest("has_mspace");</script> 52 </body> 53 </html>