mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-26 06:11:37 +00:00
39 lines
2.6 KiB
XML
39 lines
2.6 KiB
XML
<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>
|