<html xmlns="http://www.w3.org/1999/xhtml" xmlns:m="http://www.w3.org/1998/Math/MathML"> <body> <!-- Test interactions between CSS font-size and scriptlevel changes --> <p><m:math><m:mstyle scriptlevel="0" scriptsizemultiplier="0.5" scriptminsize="18px" style="font-size:48px;"> <m:mstyle scriptlevel="+5"><m:mi>Id</m:mi></m:mstyle> <!-- Test that we can explicitly go below scriptminsize --> <m:mi style="font-size:10px;">Id</m:mi> <!-- Test that a relative font-size ignores the scriptlevel change in the same element --> <m:mstyle scriptlevel="+5" style="font-size:100%;"><m:mi>Id</m:mi></m:mstyle> </m:mstyle></m:math></p> <p><m:math><m:mstyle scriptlevel="0" scriptsizemultiplier="0.5" scriptminsize="18px" style="font-size:48px;"> <!-- Test that scriptlevel changes are incremental (this should be 24px) --> <m:mstyle scriptlevel="+1" style="font-size:48px;"><m:mstyle scriptlevel="+1"><m:mi>Id</m:mi></m:mstyle></m:mstyle> </m:mstyle></m:math></p> <p><m:math><m:mstyle scriptlevel="0" scriptsizemultiplier="0.5" scriptminsize="18px" style="font-size:48px;"> <!-- Decreasing the font size due to a scriptlevel change should do nothing when we're below minscriptsize --> <m:mstyle style="font-size:10px;"><m:mstyle scriptlevel="+1"><m:mi>Id</m:mi></m:mstyle></m:mstyle> <!-- but we can increase --> <m:mstyle style="font-size:10px;"><m:mstyle scriptlevel="-1"><m:mi>Id</m:mi></m:mstyle></m:mstyle> <m:mstyle style="font-size:10px;"><m:mstyle scriptlevel="-2"><m:mi>Id</m:mi></m:mstyle></m:mstyle> </m:mstyle></m:math></p> <p><m:math><m:mstyle scriptlevel="0" scriptsizemultiplier="0.5" scriptminsize="18px" style="font-size:48px;"> <!-- An absolute font-size value resets the unconstrained size to that value, so we can increase above that value with a negative scriptlevel change --> <m:mstyle scriptlevel="+5"><m:mstyle style="font-size:24px;"><m:mstyle scriptlevel="-1"><m:mi>Id</m:mi></m:mstyle></m:mstyle></m:mstyle> <!-- An relative font-size value is applied to the unconstrained size --> <m:mstyle scriptlevel="+2"><m:mstyle style="font-size:200%;"><m:mstyle scriptlevel="-1"><m:mi>Id</m:mi></m:mstyle></m:mstyle></m:mstyle> <!-- The unconstrained size does not cap the font size to below scriptminsize (so this is 18px) --> <m:mstyle scriptlevel="+2"><m:mstyle style="font-size:50%;"><m:mstyle scriptlevel="-1"><m:mi>Id</m:mi></m:mstyle></m:mstyle></m:mstyle> <!-- The unconstrained size cap the font size otherwise (so this is 12px) --> <m:mstyle scriptlevel="+2"><m:mstyle style="font-size:50%;" scriptminsize="0"><m:mstyle scriptlevel="-1"><m:mi>Id</m:mi></m:mstyle></m:mstyle></m:mstyle> </m:mstyle></m:math></p> </body> </html>