text-transform-math-auto-002.html (1200B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"/> 5 <title>text-transform math-auto</title> 6 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/> 7 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#math-auto-transform"> 8 <link rel="match" href="text-transform-math-auto-002-ref.html"/> 9 <meta name="assert" content="Test 'text-transform: math-auto' for text nodes of different lengths"> 10 <style> 11 @font-face { 12 font-family: TestFont; 13 src: url("/fonts/math/mathvariant-italic.woff"); 14 } 15 body > div { 16 padding: 10px; 17 } 18 div > span { 19 font-family: monospace; 20 font-size: 16px; 21 } 22 .testfont { 23 font-family: TestFont; 24 font-size: 16px; 25 } 26 </style> 27 <body> 28 <p>Test passes if all the equalities below are true.</p> 29 <div>Single character: <span class="testfont" style="text-transform: math-auto">∂</span>=<span>1D715</span></div> 30 <div>Two characters: <span class="testfont" style="text-transform: math-auto">∂∇</span>=<span>0220202207</span></div> 31 <div>Three characters: <span class="testfont" style="text-transform: math-auto">∂∇ȷ</span>=<span>022020220700237</span></div> 32 </body> 33 </html>