OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <meta charset="utf-8"/> |
| 5 <title>MathML lengths</title> |
| 6 <link rel="help" href="http://www.mathml-association.org/MathMLinHTML5/S2.html#S
S3.SSS1"/> |
| 7 <link rel="match" href="lengths-2-ref.html"/> |
| 8 <meta name="assert" content="Verify whether the different namedspaces are accept
ed for MathML lengths."> |
| 9 <style> |
| 10 @font-face { |
| 11 font-family: TestFont; |
| 12 src: url("/fonts/math/xheight500.woff"); |
| 13 } |
| 14 mpadded { |
| 15 font-family: TestFont; |
| 16 font-size: 200px; /* 1em = 200px */ |
| 17 } |
| 18 div { |
| 19 position: absolute; |
| 20 } |
| 21 #red mspace { |
| 22 background: red; |
| 23 } |
| 24 #green mspace { |
| 25 background: green; |
| 26 } |
| 27 </style> |
| 28 </head> |
| 29 <body> |
| 30 <p>Test passes if there is a green square and no red.</p> |
| 31 <div> |
| 32 <div id="red" style="position: absolute; width: 200px; height: 200px; backgr
ound: green;"> |
| 33 <!-- veryverythinmathspace --> |
| 34 <div style="left: 0px;"><math><mpadded height="100px" depth="100px" voffse
t="1veryverythinmathspace"><mspace width="10px" height="10px"/></mpadded></math>
</div> |
| 35 <div style="left: 10px;"><math><mpadded height="100px" depth="100px" voffs
et="0.05555555555555556em"><mspace width="10px" height="10px"/></mpadded></math>
</div> |
| 36 <!-- verythinmathspace --> |
| 37 <div style="left: 20px;"><math><mpadded height="100px" depth="100px" voffs
et="1verythinmathspace"><mspace width="10px" height="10px"/></mpadded></math></d
iv> |
| 38 <div style="left: 30px;"><math><mpadded height="100px" depth="100px" voffs
et="0.1111111111111111em"><mspace width="10px" height="10px"/></mpadded></math><
/div> |
| 39 <!-- thinmathspace --> |
| 40 <div style="left: 40px;"><math><mpadded height="100px" depth="100px" voffs
et="1thinmathspace"><mspace width="10px" height="10px"/></mpadded></math></div> |
| 41 <div style="left: 50px;"><math><mpadded height="100px" depth="100px" voffs
et="0.1666666666666667em"><mspace width="10px" height="10px"/></mpadded></math><
/div> |
| 42 <!-- mediummathspace --> |
| 43 <div style="left: 60px;"><math><mpadded height="100px" depth="100px" voffs
et="1mediummathspace"><mspace width="10px" height="10px"/></mpadded></math></div
> |
| 44 <div style="left: 70px;"><math><mpadded height="100px" depth="100px" voffs
et="0.2222222222222222em"><mspace width="10px" height="10px"/></mpadded></math><
/div> |
| 45 <!-- thickmathspace --> |
| 46 <div style="left: 80px;"><math><mpadded height="100px" depth="100px" voffs
et="1thickmathspace"><mspace width="10px" height="10px"/></mpadded></math></div> |
| 47 <div style="left: 90px;"><math><mpadded height="100px" depth="100px" voffs
et="0.2777777777777778em"><mspace width="10px" height="10px"/></mpadded></math><
/div> |
| 48 <!-- verythickmathspace --> |
| 49 <div style="left: 100px;"><math><mpadded height="100px" depth="100px" voff
set="1verythickmathspace"><mspace width="10px" height="10px"/></mpadded></math><
/div> |
| 50 <div style="left: 110px;"><math><mpadded height="100px" depth="100px" voff
set="0.3333333333333333em"><mspace width="10px" height="10px"/></mpadded></math>
</div> |
| 51 <!-- veryverythickmathspace --> |
| 52 <div style="left: 120px;"><math><mpadded height="100px" depth="100px" voff
set="1veryverythickmathspace"><mspace width="10px" height="10px"/></mpadded></ma
th></div> |
| 53 <div style="left: 130px;"><math><mpadded height="100px" depth="100px" voff
set="0.3888888888888889em"><mspace width="10px" height="10px"/></mpadded></math>
</div> |
| 54 <!-- negativeveryverythinmathspace --> |
| 55 <div style="left: 0px;"><math><mpadded height="100px" depth="100px" voffse
t="1negativeveryverythinmathspace"><mspace width="10px" height="10px"/></mpadded
></math></div> |
| 56 <div style="left: 10px;"><math><mpadded height="100px" depth="100px" voffs
et="-0.05555555555555556em"><mspace width="10px" height="10px"/></mpadded></math
></div> |
| 57 <!-- negativeverythinmathspace --> |
| 58 <div style="left: 20px;"><math><mpadded height="100px" depth="100px" voffs
et="1negativeverythinmathspace"><mspace width="10px" height="10px"/></mpadded></
math></div> |
| 59 <div style="left: 30px;"><math><mpadded height="100px" depth="100px" voffs
et="-0.1111111111111111em"><mspace width="10px" height="10px"/></mpadded></math>
</div> |
| 60 <!-- negativethinmathspace --> |
| 61 <div style="left: 40px;"><math><mpadded height="100px" depth="100px" voffs
et="1negativethinmathspace"><mspace width="10px" height="10px"/></mpadded></math
></div> |
| 62 <div style="left: 50px;"><math><mpadded height="100px" depth="100px" voffs
et="-0.1666666666666667em"><mspace width="10px" height="10px"/></mpadded></math>
</div> |
| 63 <!-- negativemediummathspace --> |
| 64 <div style="left: 60px;"><math><mpadded height="100px" depth="100px" voffs
et="1negativemediummathspace"><mspace width="10px" height="10px"/></mpadded></ma
th></div> |
| 65 <div style="left: 70px;"><math><mpadded height="100px" depth="100px" voffs
et="-0.2222222222222222em"><mspace width="10px" height="10px"/></mpadded></math>
</div> |
| 66 <!-- negativethickmathspace --> |
| 67 <div style="left: 80px;"><math><mpadded height="100px" depth="100px" voffs
et="1negativethickmathspace"><mspace width="10px" height="10px"/></mpadded></mat
h></div> |
| 68 <div style="left: 90px;"><math><mpadded height="100px" depth="100px" voffs
et="-0.2777777777777778em"><mspace width="10px" height="10px"/></mpadded></math>
</div> |
| 69 <!-- negativeverythickmathspace --> |
| 70 <div style="left: 100px;"><math><mpadded height="100px" depth="100px" voff
set="1negativeverythickmathspace"><mspace width="10px" height="10px"/></mpadded>
</math></div> |
| 71 <div style="left: 110px;"><math><mpadded height="100px" depth="100px" voff
set="-0.3333333333333333em"><mspace width="10px" height="10px"/></mpadded></math
></div> |
| 72 <!-- negativeveryverythickmathspace --> |
| 73 <div style="left: 120px;"><math><mpadded height="100px" depth="100px" voff
set="1negativeveryverythickmathspace"><mspace width="10px" height="10px"/></mpad
ded></math></div> |
| 74 <div style="left: 130px;"><math><mpadded height="100px" depth="100px" voff
set="-0.3888888888888889em"><mspace width="10px" height="10px"/></mpadded></math
></div> |
| 75 </div> |
| 76 <div id="green" style="position: absolute; width: 200px; height: 200px;"> |
| 77 <!-- veryverythinmathspace --> |
| 78 <div style="left: 10px;"><math><mpadded height="100px" depth="100px" voffs
et="1veryverythinmathspace"><mspace width="10px" height="10px"/></mpadded></math
></div> |
| 79 <div style="left: 0px;"><math><mpadded height="100px" depth="100px" voffse
t="0.05555555555555556em"><mspace width="10px" height="10px"/></mpadded></math><
/div> |
| 80 <!-- verythinmathspace --> |
| 81 <div style="left: 30px;"><math><mpadded height="100px" depth="100px" voffs
et="1verythinmathspace"><mspace width="10px" height="10px"/></mpadded></math></d
iv> |
| 82 <div style="left: 20px;"><math><mpadded height="100px" depth="100px" voffs
et="0.1111111111111111em"><mspace width="10px" height="10px"/></mpadded></math><
/div> |
| 83 <!-- thinmathspace --> |
| 84 <div style="left: 50px;"><math><mpadded height="100px" depth="100px" voffs
et="1thinmathspace"><mspace width="10px" height="10px"/></mpadded></math></div> |
| 85 <div style="left: 40px;"><math><mpadded height="100px" depth="100px" voffs
et="0.1666666666666667em"><mspace width="10px" height="10px"/></mpadded></math><
/div> |
| 86 <!-- mediummathspace --> |
| 87 <div style="left: 70px;"><math><mpadded height="100px" depth="100px" voffs
et="1mediummathspace"><mspace width="10px" height="10px"/></mpadded></math></div
> |
| 88 <div style="left: 60px;"><math><mpadded height="100px" depth="100px" voffs
et="0.2222222222222222em"><mspace width="10px" height="10px"/></mpadded></math><
/div> |
| 89 <!-- thickmathspace --> |
| 90 <div style="left: 90px;"><math><mpadded height="100px" depth="100px" voffs
et="1thickmathspace"><mspace width="10px" height="10px"/></mpadded></math></div> |
| 91 <div style="left: 80px;"><math><mpadded height="100px" depth="100px" voffs
et="0.2777777777777778em"><mspace width="10px" height="10px"/></mpadded></math><
/div> |
| 92 <!-- verythickmathspace --> |
| 93 <div style="left: 110px;"><math><mpadded height="100px" depth="100px" voff
set="1verythickmathspace"><mspace width="10px" height="10px"/></mpadded></math><
/div> |
| 94 <div style="left: 100px;"><math><mpadded height="100px" depth="100px" voff
set="0.3333333333333333em"><mspace width="10px" height="10px"/></mpadded></math>
</div> |
| 95 <!-- veryverythickmathspace --> |
| 96 <div style="left: 130px;"><math><mpadded height="100px" depth="100px" voff
set="1veryverythickmathspace"><mspace width="10px" height="10px"/></mpadded></ma
th></div> |
| 97 <div style="left: 120px;"><math><mpadded height="100px" depth="100px" voff
set="0.3888888888888889em"><mspace width="10px" height="10px"/></mpadded></math>
</div> |
| 98 <!-- negativeveryverythinmathspace --> |
| 99 <div style="left: 10px;"><math><mpadded height="100px" depth="100px" voffs
et="1negativeveryverythinmathspace"><mspace width="10px" height="10px"/></mpadde
d></math></div> |
| 100 <div style="left: 0px;"><math><mpadded height="100px" depth="100px" voffse
t="-0.05555555555555556em"><mspace width="10px" height="10px"/></mpadded></math>
</div> |
| 101 <!-- negativeverythinmathspace --> |
| 102 <div style="left: 30px;"><math><mpadded height="100px" depth="100px" voffs
et="1negativeverythinmathspace"><mspace width="10px" height="10px"/></mpadded></
math></div> |
| 103 <div style="left: 20px;"><math><mpadded height="100px" depth="100px" voffs
et="-0.1111111111111111em"><mspace width="10px" height="10px"/></mpadded></math>
</div> |
| 104 <!-- negativethinmathspace --> |
| 105 <div style="left: 50px;"><math><mpadded height="100px" depth="100px" voffs
et="1negativethinmathspace"><mspace width="10px" height="10px"/></mpadded></math
></div> |
| 106 <div style="left: 40px;"><math><mpadded height="100px" depth="100px" voffs
et="-0.1666666666666667em"><mspace width="10px" height="10px"/></mpadded></math>
</div> |
| 107 <!-- negativemediummathspace --> |
| 108 <div style="left: 70px;"><math><mpadded height="100px" depth="100px" voffs
et="1negativemediummathspace"><mspace width="10px" height="10px"/></mpadded></ma
th></div> |
| 109 <div style="left: 60px;"><math><mpadded height="100px" depth="100px" voffs
et="-0.2222222222222222em"><mspace width="10px" height="10px"/></mpadded></math>
</div> |
| 110 <!-- negativethickmathspace --> |
| 111 <div style="left: 90px;"><math><mpadded height="100px" depth="100px" voffs
et="1negativethickmathspace"><mspace width="10px" height="10px"/></mpadded></mat
h></div> |
| 112 <div style="left: 80px;"><math><mpadded height="100px" depth="100px" voffs
et="-0.2777777777777778em"><mspace width="10px" height="10px"/></mpadded></math>
</div> |
| 113 <!-- negativeverythickmathspace --> |
| 114 <div style="left: 110px;"><math><mpadded height="100px" depth="100px" voff
set="1negativeverythickmathspace"><mspace width="10px" height="10px"/></mpadded>
</math></div> |
| 115 <div style="left: 100px;"><math><mpadded height="100px" depth="100px" voff
set="-0.3333333333333333em"><mspace width="10px" height="10px"/></mpadded></math
></div> |
| 116 <!-- negativeveryverythickmathspace --> |
| 117 <div style="left: 130px;"><math><mpadded height="100px" depth="100px" voff
set="1negativeveryverythickmathspace"><mspace width="10px" height="10px"/></mpad
ded></math></div> |
| 118 <div style="left: 120px;"><math><mpadded height="100px" depth="100px" voff
set="-0.3888888888888889em"><mspace width="10px" height="10px"/></mpadded></math
></div> |
| 119 </div> |
| 120 </div> |
| 121 </body> |
| 122 </html> |
OLD | NEW |