| <!DOCTYPE html> |
| <html class="reftest-wait"> |
| <head> |
| <meta charset="utf-8"> |
| <title><mo> dynamic lspace rspace</title> |
| <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#operator-fence-separator-or-accent-mo"> |
| <meta name="assert" content="Verifies dynamic setting of lspace and rspace"> |
| <link rel="match" href="mo-lspace-rspace-dynamic-ref.html"> |
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> |
| <style> |
| math, math * { |
| font: 60px/1 Ahem; |
| } |
| mo { |
| color: blue; |
| } |
| </style> |
| <script> |
| window.addEventListener("load", () => { |
| document.getElementById("mo_attach_lspace").setAttribute("lspace", "2em"); |
| document.getElementById("mo_attach_rspace").setAttribute("rspace", "3em"); |
| document.getElementById("mo_modify_lspace").setAttribute("lspace", "4em"); |
| document.getElementById("mo_modify_rspace").setAttribute("rspace", "5em"); |
| document.getElementById("mo_remove_lspace").removeAttribute("lspace"); |
| document.getElementById("mo_remove_rspace").removeAttribute("rspace"); |
| document.documentElement.classList.remove("reftest-wait"); |
| }); |
| </script> |
| </head> |
| <body> |
| <p> |
| <math> |
| <mn>1</mn><mo id="mo_attach_lspace">X</mo><mn>2</mn> |
| </math> |
| </p> |
| <p> |
| <math> |
| <mn>1</mn><mo id="mo_attach_rspace">X</mo><mn>2</mn> |
| </math> |
| </p> |
| <p> |
| <math> |
| <mn>1</mn><mo id="mo_modify_lspace" lspace="1em" rspace="1em">X</mo><mn>2</mn> |
| </math> |
| </p> |
| <p> |
| <math> |
| <mn>1</mn><mo id="mo_modify_rspace" lspace="1em" rspace="1em">X</mo><mn>2</mn> |
| </math> |
| </p> |
| <p> |
| <math> |
| <mn>1</mn><mo id="mo_remove_lspace" lspace="1em" rspace="1em">X</mo><mn>2</mn> |
| </math> |
| </p> |
| <p> |
| <math> |
| <mn>1</mn><mo id="mo_remove_rspace" lspace="1em" rspace="1em">X</mo><mn>2</mn> |
| </math> |
| </p> |
| <script src="/mathml/support/feature-detection.js"></script> |
| <script>MathMLFeatureDetection.ensure_for_match_reftest("has_operator_spacing");</script> |
| </body> |
| </html> |
