presentational-hints-001-ref.html (1212B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"/> 5 <title>presentational hints</title> 6 <link rel="stylesheet" href="/fonts/ahem.css"> 7 <style> 8 @font-face { 9 font-family: DoubleStruck; 10 src: url("/fonts/math/mathvariant-double-struck.woff"); 11 } 12 @font-face { 13 font-family: Italic; 14 src: url("/fonts/math/mathvariant-italic.woff"); 15 } 16 math { 17 font: 25px/1 Ahem; 18 } 19 </style> 20 <body> 21 <p>dir: 22 <math style="direction: ltr;"> 23 <mtext>X</mtext> 24 <mtext>p</mtext> 25 </math> 26 </p> 27 <p>mathcolor: 28 <math style="color: green;"> 29 <mtext>X</mtext> 30 <mtext>p</mtext> 31 </math> 32 </p> 33 <p>mathbackground: 34 <math style="background: green;"> 35 <mtext>X</mtext> 36 <mtext>p</mtext> 37 </p> 38 <p>mathsize: 39 <math> 40 <mtext style="font-size: 100%">X</mtext> 41 </math> 42 </p> 43 <p>mathvariant: 44 <math> 45 <mi style="text-transform: uppercase">sin</mi> 46 </math> 47 </p> 48 <p>displaystyle: 49 <math style="math-style: compact"> 50 <munder> 51 <mo movablelimits="true">X</mo> 52 <mo>X</mo> 53 </munder> 54 </math> 55 </p> 56 <p>scriptlevel: 57 <math> 58 <mtext style="math-depth: 0;">X</mtext> 59 </math> 60 </p> 61 </body> 62 </html>