| <!doctype html> |
| <html> |
| <head> |
| <title>scripts</title> |
| <meta charset="utf-8"/> |
| <style> |
| math { |
| padding: 0; |
| border: 0; |
| } |
| td { |
| border: 1px solid black; |
| text-align: center; width: 100px; height: 100px; |
| vertical-align: middle; |
| } |
| span { |
| display: inline-block; |
| background: black; |
| border: 0; |
| margin: 0; |
| } |
| </style> |
| </head> |
| <body> |
| |
| <!-- The sub/sup scripts should be hidden by the black rectangles --> |
| <table style="position: absolute; top: 10px; left: 10px;"> |
| <tr> |
| <td style="text-align: left; vertical-align: top;"> |
| <math> |
| <msub> |
| <mtext>X</mtext> |
| <mtext>X</mtext> |
| </msub> |
| </math> |
| </td> |
| <td style="text-align: left;"> |
| <math> |
| <msubsup> |
| <mtext>X</mtext> |
| <mtext>X</mtext> |
| <mtext>X</mtext> |
| </msubsup> |
| </math> |
| </td> |
| <td style="text-align: left; vertical-align: bottom;"> |
| <math> |
| <msup> |
| <mtext>X</mtext> |
| <mtext>X</mtext> |
| </msup> |
| </math> |
| </td> |
| </tr> |
| </table> |
| |
| <table style="position: absolute; top: 10px; left: 10px;"> |
| <tr> |
| <td style="text-align: left; vertical-align: top;"> |
| <span style="visibility: hidden;">X</span><span style="vertical-align: -25%;">X</span> |
| </td> |
| <td style="text-align: left;"> |
| <span style="visibility: hidden;">X</span><span>X<br/>X</span> |
| </td> |
| <td style="text-align: left; vertical-align: bottom;"> |
| <span style="visibility: hidden;">X</span><span style="vertical-align: +25%;">X</span> |
| </td> |
| </tr> |
| </table> |
| |
| <!-- The bases should be hidden by the black rectangles --> |
| <table style="position: absolute; top: 120px; left: 10px;"> |
| <tr> |
| <td style="text-align: left; vertical-align: top;"> |
| <math> |
| <msub> |
| <mtext>X</mtext> |
| <mtext>X</mtext> |
| </msub> |
| </math> |
| </td> |
| <td style="text-align: left;"> |
| <math> |
| <msubsup> |
| <mtext>X</mtext> |
| <mtext>X</mtext> |
| <mtext>X</mtext> |
| </msubsup> |
| </math> |
| </td> |
| <td style="text-align: left; vertical-align: bottom;"> |
| <math> |
| <msup> |
| <mtext>X</mtext> |
| <mtext>X</mtext> |
| </msup> |
| </math> |
| </td> |
| </tr> |
| </table> |
| |
| <table style="position: absolute; top: 120px; left: 10px;"> |
| <tr> |
| <td style="text-align: left; vertical-align: top;"> |
| <span>X</span> |
| </td> |
| <td style="text-align: left;"> |
| <span>X</span> |
| </td> |
| <td style="text-align: left; vertical-align: bottom;"> |
| <span>X</span> |
| </td> |
| </tr> |
| </table> |
| |
| <div style="position: absolute; top: 250px; left: 10px;"> |
| <!-- This verifies that the scripts are drawn smaller. Note: WebKit does |
| not currently implement scriptlevel and only sets the size to |
| 0.75em. See bug 118738. --> |
| <math> |
| <msub> |
| <mi>A</mi> |
| <mi style="font-size: 0.75em !important">B</mi> |
| </msub> |
| <msup> |
| <mi>A</mi> |
| <mi style="font-size: 0.75em !important">B</mi> |
| </msup> |
| <msubsup> |
| <mi>A</mi> |
| <mi style="font-size: 0.75em !important">B</mi> |
| <mi style="font-size: 0.75em !important">C</mi> |
| </msubsup> |
| </math> |
| |
| <!-- This verifies that <msubsup> with an empty script is |
| equivalent to the corresponding constructions with only one script. |
| --> |
| <math> |
| <msubsup> |
| <mi>A</mi> |
| <mi>B</mi> |
| <mspace/> |
| </msubsup> |
| <msubsup> |
| <mi>A</mi> |
| <mspace/> |
| <mi>B</mi> |
| </msubsup> |
| </math> |
| </div> |
| |
| </body> |
| </html> |