displaystyle-013.html (2991B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <title>displaystyle</title> 5 <meta charset="utf-8"> 6 <link rel="help" href="https://w3c.github.io/mathml-core/#the-displaystyle-and-scriptlevel-attributes"> 7 <link rel="help" href="https://w3c.github.io/mathml-core/#style-change-mstyle"> 8 <link rel="help" href="https://w3c.github.io/mathml-core/#underscripts-and-overscripts-munder-mover-munderover"> 9 <link rel="help" href="https://w3c.github.io/mathml-core/#operator-fence-separator-or-accent-mo"> 10 <link rel="help" href="https://w3c.github.io/mathml-core/#table-or-matrix-mtable"> 11 <link rel="match" href="displaystyle-013-ref.html"/> 12 <meta name="assert" content="Test dynamic change of displaystyle"> 13 <script src="/mathml/support/fonts.js"></script> 14 <script type="text/javascript"> 15 function doTest() { 16 document.body.offsetTop; // Update layout 17 document.getElementById("m1").setAttribute("displaystyle", "true"); 18 document.getElementById("m2").setAttribute("displaystyle", "true"); 19 document.getElementById("m3").setAttribute("displaystyle", "true"); 20 document.getElementById("m4").removeAttribute("displaystyle"); 21 document.getElementById("m5").removeAttribute("displaystyle"); 22 document.getElementById("m6").removeAttribute("displaystyle"); 23 document.documentElement.removeAttribute("class"); 24 } 25 window.addEventListener("load", () => { loadAllFonts().then(doTest); }); 26 </script> 27 <link rel="stylesheet" href="/fonts/ahem.css"> 28 <style> 29 math { 30 font: 25px Ahem; 31 } 32 </style> 33 </head> 34 <body> 35 36 <math id="m1"> 37 <munder><mo movablelimits="true">O</mo><mo>O</mo></munder> 38 <mfrac><mn>1</mn><mn>2</mn></mfrac> 39 </math> 40 <math> 41 <mstyle id="m2"> 42 <munder><mo movablelimits="true">O</mo><mo>O</mo></munder> 43 <mfrac><mn>1</mn><mn>2</mn></mfrac> 44 </mstyle> 45 </math> 46 <math> 47 <mtable id="m3"> 48 <mtr> 49 <mtd> 50 <munder><mo movablelimits="true">O</mo><mo>O</mo></munder> 51 <mfrac><mn>1</mn><mn>2</mn></mfrac> 52 </mtd> 53 </mtr> 54 </mtable> 55 </math> 56 <math id="m4" displaystyle="true"> 57 <munder><mo movablelimits="true">O</mo><mo>O</mo></munder> 58 <mfrac><mn>1</mn><mn>2</mn></mfrac> 59 </math> 60 <math> 61 <mstyle id="m5" displaystyle="true"> 62 <munder><mo movablelimits="true">O</mo><mo>O</mo></munder> 63 <mfrac><mn>1</mn><mn>2</mn></mfrac> 64 </mstyle> 65 </math> 66 <math> 67 <mtable id="m6" displaystyle="true"> 68 <mtr> 69 <mtd> 70 <munder><mo movablelimits="true">O</mo><mo>O</mo></munder> 71 <mfrac><mn>1</mn><mn>2</mn></mfrac> 72 </mtd> 73 </mtr> 74 </mtable> 75 </math> 76 77 <script src="/mathml/support/feature-detection.js"></script> 78 <script>MathMLFeatureDetection.ensure_for_match_reftest("has_movablelimits");</script> 79 </body> 80 </html>