mo-paint-lspace-rspace.html (3426B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title><mo> paint lspace rspace</title> 6 <link rel="help" href="https://w3c.github.io/mathml-core/#operator-fence-separator-or-accent-mo"> 7 <meta name="assert" content="Verifies values for lspace and rspace for element mo in LTR and RTL modes."> 8 <link rel="match" href="mo-paint-lspace-rspace-ref.html"> 9 </head> 10 <body> 11 <h1>LTR case</h1> 12 13 <p>The test passes if the arrow has a leading space of 100px, which is as wide as the black block to the left, 14 and a trailing space of 200px, which is as wide as the black block to the right.</p> 15 16 <math> 17 <mspace width="100px" height="10px" depth="10px" style="background: black"></mspace> 18 <mo lspace="100px" rspace="200px">→</mo> 19 <mspace width="200px" height="10px" depth="10px" style="background: black"></mspace> 20 </math> 21 22 <p>The test passes if the arrow has a leading space of 150px, which is as wide as the black block to the left, 23 and a trailing space of 150px, which is as wide as the black block to the right.</p> 24 25 <math> 26 <mspace width="150px" height="10px" depth="10px" style="background: black"></mspace> 27 <mo lspace="150px" rspace="150px">→</mo> 28 <mspace width="150px" height="10px" depth="10px" style="background: black"></mspace> 29 </math> 30 31 <p>The test passes if the arrow has a leading space of 200px, which is as wide as the black block to the left, 32 and a trailing space of 100px, which is as wide as the black block to the right.</p> 33 34 <math> 35 <mspace width="200px" height="10px" depth="10px" style="background: black"></mspace> 36 <mo lspace="200px" rspace="100px">→</mo> 37 <mspace width="100px" height="10px" depth="10px" style="background: black"></mspace> 38 </math> 39 40 <h1>RTL case</h1> 41 42 <p>The test passes if the arrow has a leading space of 100px, which is as wide as the black block to the right, 43 and a trailing space of 200px, which is as wide as the black block to the left.</p> 44 45 <math dir="rtl"> 46 <mspace width="100px" height="10px" depth="10px" style="background: black"></mspace> 47 <mo lspace="100px" rspace="200px">→</mo> 48 <mspace width="200px" height="10px" depth="10px" style="background: black"></mspace> 49 </math> 50 51 <p>The test passes if the arrow has a leading space of 150px, which is as wide as the black block to the right, 52 and a trailing space of 150px, which is as wide as the black block to the left.</p> 53 54 <math dir="rtl"> 55 <mspace width="150px" height="10px" depth="10px" style="background: black"></mspace> 56 <mo lspace="150px" rspace="150px">→</mo> 57 <mspace width="150px" height="10px" depth="10px" style="background: black"></mspace> 58 </math> 59 60 <p>The test passes if the arrow has a leading space of 200px, which is as wide as the black block to the right, 61 and a trailing space of 100px, which is as wide as the black block to the left.</p> 62 63 <math dir="rtl"> 64 <mspace width="200px" height="10px" depth="10px" style="background: black"></mspace> 65 <mo lspace="200px" rspace="100px">→</mo> 66 <mspace width="100px" height="10px" depth="10px" style="background: black"></mspace> 67 </math> 68 <script src="/mathml/support/feature-detection.js"></script> 69 <script>MathMLFeatureDetection.ensure_for_match_reftest("has_operator_spacing");</script> 70 </body> 71 </html>