mo-lspace-rspace-dynamic.html (2157B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <meta charset="utf-8"> 5 <title><mo> dynamic 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 dynamic setting of lspace and rspace"> 8 <link rel="match" href="mo-lspace-rspace-dynamic-ref.html"> 9 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 10 <style> 11 math, math * { 12 font: 60px/1 Ahem; 13 } 14 mo { 15 color: blue; 16 } 17 </style> 18 <script> 19 window.addEventListener("load", () => { 20 document.getElementById("mo_attach_lspace").setAttribute("lspace", "2em"); 21 document.getElementById("mo_attach_rspace").setAttribute("rspace", "3em"); 22 document.getElementById("mo_modify_lspace").setAttribute("lspace", "4em"); 23 document.getElementById("mo_modify_rspace").setAttribute("rspace", "5em"); 24 document.getElementById("mo_remove_lspace").removeAttribute("lspace"); 25 document.getElementById("mo_remove_rspace").removeAttribute("rspace"); 26 document.documentElement.classList.remove("reftest-wait"); 27 }); 28 </script> 29 </head> 30 <body> 31 <p> 32 <math> 33 <mn>1</mn><mo id="mo_attach_lspace">X</mo><mn>2</mn> 34 </math> 35 </p> 36 <p> 37 <math> 38 <mn>1</mn><mo id="mo_attach_rspace">X</mo><mn>2</mn> 39 </math> 40 </p> 41 <p> 42 <math> 43 <mn>1</mn><mo id="mo_modify_lspace" lspace="1em" rspace="1em">X</mo><mn>2</mn> 44 </math> 45 </p> 46 <p> 47 <math> 48 <mn>1</mn><mo id="mo_modify_rspace" lspace="1em" rspace="1em">X</mo><mn>2</mn> 49 </math> 50 </p> 51 <p> 52 <math> 53 <mn>1</mn><mo id="mo_remove_lspace" lspace="1em" rspace="1em">X</mo><mn>2</mn> 54 </math> 55 </p> 56 <p> 57 <math> 58 <mn>1</mn><mo id="mo_remove_rspace" lspace="1em" rspace="1em">X</mo><mn>2</mn> 59 </math> 60 </p> 61 <script src="/mathml/support/feature-detection.js"></script> 62 <script>MathMLFeatureDetection.ensure_for_match_reftest("has_operator_spacing");</script> 63 </body> 64 </html>