text-transform-upperlower-105.html (891B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Text Test: text-transform uppercase German sharp S and selection</title> 4 <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> 5 <link rel="help" href="https://drafts.csswg.org/css-text/#propdef-text-transform"> 6 <link rel="match" href="reference/text-transform-upperlower-105-ref.html"> 7 <meta name="assert" content="text-transform: uppercase will uppercase the German sharp S as SS, and the whole 2 characters width is selectable."> 8 <style> 9 #target { 10 text-transform: uppercase; 11 color: white; 12 background: red; 13 } 14 #target::selection { 15 background: green; 16 } 17 </style> 18 19 <p>The test passes if you see no red below (when you select the text below you can select the whole "SS" text).</p> 20 21 <span id="target" lang="de">ß</span> 22 23 <script> 24 window.getSelection().setBaseAndExtent(target, 0, target, 1); 25 </script>