Internet Explorer does not change 'ß' (& szlig; / es-zed) to 'SS' when using 'text-transform: uppercase;'

Question

Internet Explorer 9 and 10 do not change the German es-zed " ß " ( ß 'sz') to " SS " correctly when using the CSS text-transform: uppercase; rule text-transform: uppercase; . Is it simply not implemented or is it a mistake that I can somehow handle, so as not to manually replace all the " ß "?

Answer 1

This is a function. CSS 2.1 does not determine what uppercase and lowercase letters mean, and IE 9 considers U + 00DF LATIN SMALL LETTER SHARP S "ß", so its capital display is U + 1E9E LATIN CAPITAL LETTER SHARP S "ẞ" (there is a difference, although this may be hard to see). This happens in "standard mode"; in Quirks mode, IE 9 treats "ß" as its own native uppercase mapping.

The function is odd because the usual way is to map “ß” to “SS”, and the capital letter “ẞ” was added a few years ago for optional use in relatively few situations where words are uppercase, so there’s a difference between Strauss names and strauß must be saved

CSS 3 Text The working draft indicates that case comparisons should be applied according to Unicode, and they map "ß" to "SS". If this becomes a recommendation, then the function will turn into an error.

As a rule, displaying cases in CSS is unreliable. It is better to generate content in the appropriate case, if necessary, matching servers on the server side. You can then handle any special cases separately. You can also use client-side JavaScript; in JavaScript, case conversions are Unicode-aware (one of the few areas where JavaScript has been well globalized).