Source code

Revision control

Other Tools

Test Info:

<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>
<!-- A relative font-size value resets the unconstrained to that value, resolved relative to the constrained 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>
</m:mstyle></m:math></p>
</body>
</html>