presentational-hints-001.html (1915B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"/> 5 <title>presentational hints</title> 6 <link rel="help" href="https://w3c.github.io/mathml-core/#attributes-common-to-html-and-mathml-elements"> 7 <link rel="help" href="https://w3c.github.io/mathml-core/#css-styling"> 8 <!--link rel="help" href="https://w3c.github.io/mathml-core/#double-struck-mappings"--> 9 <link rel="help" href="https://w3c.github.io/mathml-core/#legacy-mathml-style-attributes"> 10 <link rel="help" href="https://w3c.github.io/mathml-core/#math-auto-transform"> 11 <link rel="help" href="https://w3c.github.io/mathml-core/#the-displaystyle-and-scriptlevel-attributes"> 12 <link rel="help" href="https://w3c.github.io/mathml-core/#the-mathvariant-attribute"> 13 <link rel="match" href="presentational-hints-001-ref.html"/> 14 <link rel="stylesheet" href="/fonts/ahem.css"> 15 <meta name="assert" content="Verify that local author style wins over presentation hints attributes"> 16 <style> 17 math { 18 font: 25px/1 Ahem; 19 } 20 </style> 21 <body> 22 <p>dir: 23 <math dir="rtl" style="direction: ltr;"> 24 <mtext>X</mtext> 25 <mtext>p</mtext> 26 </math> 27 </p> 28 <p>mathcolor: 29 <math mathcolor="red" style="color: green;"> 30 <mtext>X</mtext> 31 <mtext>p</mtext> 32 </math> 33 </p> 34 <p>mathbackground: 35 <math mathbackground="red" style="background: green;"> 36 <mtext>X</mtext> 37 <mtext>p</mtext> 38 </p> 39 <p>mathsize: 40 <math> 41 <mtext mathsize="300%" style="font-size: 100%">X</mtext> 42 </math> 43 </p> 44 <p>mathvariant: 45 <math> 46 <mi mathvariant="normal" style="text-transform: uppercase">sin</mi> 47 </math> 48 </p> 49 <p>displaystyle: 50 <math displaystyle="true" style="math-style: compact"> 51 <munder> 52 <mo movablelimits="true">X</mo> 53 <mo>X</mo> 54 </munder> 55 </math> 56 </p> 57 <p>scriptlevel: 58 <math> 59 <mtext scriptlevel="1" style="math-depth: 0;">X</mtext> 60 </math> 61 </p> 62 </body> 63 </html>