Intended audience: users, HTML coders, script developers, CSS coders, Web project managers, and anyone who wants to know whether browsers support text transforms per the CSS Text spec.
Updated
These tests check whether user agents correctly apply the property text-transform
per the CSS-text-3 spec.
Future additions to this set of tests should include Warang Citi and (post Unicode 8.0) Cherokee. The current lack of fonts needed to display the characters means that it is unlikely that these tests can be checked currently.
These tests examine a large number of characters. Webfonts are downloaded by the tests to cover characters that may not be available on the system where the test is run, but there may still be some characters that appear as tofu. In such cases, the tests instruct the tester to ignore those characters, but list which ones they were. This information appears in the notes below the tables.
To see the test, click on the link in the left-most column. To see detailed results for a single test, click on a row and look just above the table. The detailed results show the date(s) the test result was recorded, and the version of the browser tested.
Any dependencies are shown in notes above the table, and notes below the table will usually provide any additional useful information, including an explanation of why a result was marked as 'partially successful'.
Key:
pass | fail | partially successful |
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
Latin Basic and Latin-1 uppercase text-transform-upperlower-001.html |
For the Latin Basic and Latin-1 blocks, text-transform: uppercase puts all letters in uppercase . | pass | pass | pass | pass | pass |
Latin Basic and Latin-1 lowercase text-transform-upperlower-002.html |
For the Latin Basic and Latin-1 blocks, text-transform: lowercase puts all letters in lowercase . | pass | pass | pass | pass | pass |
Latin Extended Additional, uppercase text-transform-upperlower-003.html |
For the Latin Extended Additional Unicode block, text-transform: uppercase puts all letters in uppercase . | pass | pass | pass | pass | pass |
Latin Extended Additional, lowercase text-transform-upperlower-004.html |
For the Latin Extended Additional Unicode block, text-transform: lowercase puts all letters in lowercase . | pass | pass | pass | pass | pass |
Latin Extended-A, uppercase text-transform-upperlower-005.html |
For the Latin Extended-A Unicode block, text-transform: uppercase puts all letters in uppercase . | pass | pass | pass | pass | pass |
Latin Extended-A, lowercase text-transform-upperlower-006.html |
For the Latin Extended-A Unicode block, text-transform: lowercase puts all letters in lowercase . | pass | pass | pass | pass | pass |
Latin Extended-B, uppercase text-transform-upperlower-007.html |
For the Latin Extended-B Unicode block, text-transform: uppercase puts all letters in uppercase . | pass | pass | pass | partial | partial |
Latin Extended-B, lowercase text-transform-upperlower-008.html |
For the Latin Extended-B Unicode block, text-transform: lowercase puts all letters in lowercase . | pass | pass | pass | pass | pass |
Latin Extended-C, uppercase text-transform-upperlower-009.html |
For the Latin Extended-C Unicode block, text-transform: uppercase puts all letters in uppercase . | pass | pass | pass | pass | pass |
Latin Extended-C, lowercase text-transform-upperlower-010.html |
For the Latin Extended-C Unicode block, text-transform: lowercase puts all letters in lowercase . | pass | pass | pass | partial | partial |
Latin Extended-D, uppercase text-transform-upperlower-101.html |
For the Latin Extended-D Unicode block, text-transform: uppercase puts all letters in uppercase . | pass | pass | pass | partial | partial |
Latin Extended-D, lowercase text-transform-upperlower-102.html |
For the Latin Extended-D Unicode block, text-transform: lowercase puts all letters in lowercase . | pass | pass | pass | partial | partial |
Full-width Latin, uppercase text-transform-upperlower-011.html |
For the Latin letters in the Halfwidth and Fullwidth Forms Unicode block, text-transform: uppercase puts all letters in uppercase . | pass | pass | pass | pass | pass |
Full-width Latin, lowercase text-transform-upperlower-012.html |
For the Latin letters in the Halfwidth and Fullwidth Forms block, text-transform: lowercase puts all letters in lowercase . | pass | pass | pass | pass | pass |
Spec links for this table: link
Notes
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
Greek and Coptic, uppercase text-transform-upperlower-014.html |
For the Greek and Coptic Unicode block, text-transform: uppercase puts all letters in uppercase . | pass | pass | pass | pass | pass |
Greek and Coptic, lowercase text-transform-upperlower-015.html |
For the Greek and Coptic Unicode block, text-transform: lowercase puts all letters in lowercase . | pass | pass | pass | pass | pass |
Greek Extended, uppercase text-transform-upperlower-016.html |
For the Greek Extended Unicode block, text-transform: uppercase puts all letters in uppercase . | partial | partial | partial | pass | pass |
Greek Extended, lowercase text-transform-upperlower-017.html |
For the Greek Extended Unicode block, text-transform: lowercase puts all letters in lowercase . | pass | pass | pass | pass | pass |
Spec links for this table: link
Notes
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
Cyrillic, uppercase text-transform-upperlower-018.html |
For the Cyrillic Unicode block, text-transform: uppercase puts all letters in uppercase . | pass | pass | pass | pass | pass |
Cyrillic, lowercase text-transform-upperlower-019.html |
For the Cyrillic Unicode block, text-transform: lowercase puts all letters in lowercase . | pass | pass | pass | pass | pass |
Cyrillic Supplement, uppercase text-transform-upperlower-020.html |
For the Cyrillic Supplement Unicode block, text-transform: uppercase puts all letters in uppercase . | pass | pass | pass | partial | partial |
Cyrillic Extended, lowercase text-transform-upperlower-021.html |
For the Cyrillic Extended Unicode block, text-transform: lowercase puts all letters in lowercase . | pass | pass | pass | partial | partial |
Cyrillic Extended-B, uppercase text-transform-upperlower-103.html |
For the Cyrillic Extended-B Unicode block, text-transform: uppercase puts all letters in uppercase . | pass | pass | pass | partial | - |
Cyrillic Extended-B, lowercase text-transform-upperlower-104.html |
For the Cyrillic Extended-B Unicode block, text-transform: lowercase puts all letters in lowercase . | pass | pass | pass | partial | - |
Spec links for this table: link
Notes
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
Armenian, uppercase text-transform-upperlower-022.html |
For the ArmenianUnicode block, text-transform: uppercase puts all letters in uppercase . | pass | pass | pass | pass | pass |
Latin Extended-D, lowercase text-transform-upperlower-023.html |
For the Latin Extended-D Unicode block, text-transform: lowercase puts all letters in lowercase . | pass | pass | pass | pass | pass |
Spec links for this table: link
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge |
---|---|---|---|---|---|
Cherokee, uppercase text-transform-upperlower-044.html |
For the Cherokee Unicode block, text-transform: uppercase puts all letters in uppercase . | pass | pass | pass | fail |
Cherokee, lowercase text-transform-upperlower-045.html |
For the Cherokee Unicode block, text-transform: lowercase puts all letters in lowercase . | pass | pass | pass | fail |
Spec links for this table: link
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
Deseret, uppercase text-transform-upperlower-028.html |
For the Deseret Unicode block, text-transform: uppercase puts all letters in uppercase . | pass | pass | pass | pass | fail |
Deseret, lowercase text-transform-upperlower-029.html |
For the Deseret Unicode block, text-transform: lowercase puts all letters in lowercase . | pass | pass | pass | pass | fail |
Spec links for this table: link
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
Georgian Supplement, uppercase text-transform-upperlower-030.html |
For the Georgian Supplement Unicode block, text-transform: uppercase puts all letters in uppercase . | pass | pass | pass | partial | pass |
Georgian, lowercase text-transform-upperlower-031.html |
For the Georgian Unicode block, text-transform: lowercase puts all letters in lowercase . | pass | pass | pass | partial | pass |
Spec links for this table: link
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
Number Forms, uppercase text-transform-upperlower-024.html |
For the Number Forms Unicode block, text-transform: uppercase puts all letters in uppercase . | pass | pass | pass | pass | pass |
Number Forms, lowercase text-transform-upperlower-025.html |
For the Number Forms Unicode block, text-transform: lowercase puts all letters in lowercase . | pass | pass | pass | pass | pass |
Spec links for this table: link
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
Enclosed Alphanumerics, uppercase text-transform-upperlower-026.html |
For the Enclosed Alphanumerics Unicode block, text-transform: uppercase puts all letters in uppercase . | pass | pass | pass | pass | pass |
Enclosed Alphanumerics, lowercase text-transform-upperlower-027.html |
For the Enclosed Alphanumerics Unicode block, text-transform: lowercase puts all letters in lowercase . | pass | pass | pass | pass | pass |
Spec links for this table: link
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
CSS3 Text, text transform:fullwidth, a-z text-transform-fullwidth-001.html |
text-transform:fullwidth converts a-z to fullwidth. | pass | fail | fail | fail | fail |
CSS3 Text, text transform:fullwidth, A-Z text-transform-fullwidth-002.html |
text-transform:fullwidth converts A-Z to fullwidth. | pass | fail | fail | fail | fail |
CSS3 Text, text transform:fullwidth, punctuation text-transform-fullwidth-003.html |
text-transform:fullwidth converts punctuation to fullwidth. | pass | fail | fail | fail | fail |
CSS3 Text, text transform:fullwidth, katakana text-transform-fullwidth-004.html |
text-transform:fullwidth converts halfwidth katakana to fullwidth. | pass | fail | fail | fail | fail |
CSS3 Text, text transform:fullwidth, hw ja punctuation text-transform-fullwidth-005.html |
text-transform:fullwidth converts halfwidth japanese punctuation to fullwidth. | pass | fail | fail | fail | fail |
CSS3 Text, text transform:fullwidth, symbols text-transform-fullwidth-006.html |
text-transform:fullwidth converts symbols to fullwidth. | pass | fail | fail | fail | fail |
Spec links for this table: link
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
capitalize, Latin Basic and Latin-1 text-transform-capitalize-001.html |
For the Latin Basic and Latin-1 blocks, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected. | pass | pass | pass | partial | pass |
capitalize, Latin Extended Additional text-transform-capitalize-003.html |
For the Latin Extended Additional Unicode block, text-transform: text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected . | pass | pass | pass | pass | pass |
capitalize, Latin Extended-A text-transform-capitalize-005.html |
For the Latin Extended-A Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected . | pass | pass | pass | pass | pass |
capitalize, Latin Extended-B text-transform-capitalize-007.html |
For the Latin Extended-B Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected. | partial | pass | pass | partial | partial |
capitalize, Latin Extended-C text-transform-capitalize-009.html |
For the Latin Extended-C Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected . | pass | pass | pass | pass | pass |
capitalize, Latin Extended-D text-transform-capitalize-010.html |
For the Latin Extended-D Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected. | pass | pass | pass | partial | partial |
capitalize, Full-width Latin text-transform-capitalize-011.html |
For the Latin letters in the Halfwidth and Fullwidth Forms Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected . | pass | pass | pass | pass | pass |
Spec links for this table: link
Notes
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
capitalize, Greek and Coptic text-transform-capitalize-014.html |
For the Greek and Coptic Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected. | pass | pass | pass | partial | partial |
capitalize, Greek Extended text-transform-capitalize-016.html |
For the Greek Extended Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected. | pass | pass | pass | pass | pass |
Spec links for this table: link
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
capitalize, Cyrillic text-transform-capitalize-018.html |
For the Cyrillic Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected. | pass | pass | pass | pass | pass |
capitalize, Cyrillic Supplement text-transform-capitalize-020.html |
For the Cyrillic Supplement Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected. | pass | pass | pass | partial | partial |
Spec links for this table: link
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
capitalize, Armenian text-transform-capitalize-022.html |
For the ArmenianUnicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected. | pass | pass | pass | pass | pass |
Spec links for this table: link
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge |
---|---|---|---|---|---|
capitalize, Cherokee text-transform-capitalize-029.html |
For the Cherokee Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected. | pass | pass | pass | fail |
Spec links for this table: link
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
capitalize, Deseret text-transform-capitalize-028.html |
For the Deseret Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected. | pass | fail | fail | fail | fail |
Spec links for this table: link
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
capitalize, Georgian Supplement text-transform-capitalize-030.html |
For the Georgian Supplement Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected. | pass | pass | pass | partial | pass |
Spec links for this table: link
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
capitalize, Number Forms text-transform-capitalize-024.html |
For the Number Forms Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected. | pass | pass | pass | fail | partial |
Spec links for this table: link
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
capitalize, Enclosed Alphanumerics text-transform-capitalize-026.html |
For the Enclosed Alphanumerics Unicode block, text-transform: capitalize does NOT put any character in titlecase. | pass | fail | fail | pass | fail |
Spec links for this table: link
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
capitalize, initial punctuation text-transform-capitalize-031.html |
text-transform: uppercase ignores characters that are not typographic letter units and capitalizes the first typographic letter unit in a word. | pass | pass | pass | pass | pass |
Spec links for this table: link
These tests explore whether browsers apply the Unicode specialcasing rules.
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
German sharp S, uppercase text-transform-upperlower-032.html |
text-transform: uppercase will uppercase the German sharp S as described in Unicode's SpecialCasing.txt . | pass | pass | pass | fail | fail |
Latin ligatures, uppercase text-transform-upperlower-033.html |
text-transform: uppercase will uppercase Latin ligatures as described in Unicode's SpecialCasing.txt . | pass | pass | pass | fail | fail |
Lithuanian, lowercase text-transform-upperlower-039.html |
text-transform: lowercase will lowercase Lithuanian as described in Unicode's SpecialCasing.txt . | fail | pass | fail | fail | fail |
Spec links for this table: link
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
Greek specials, uppercase text-transform-upperlower-035.html |
text-transform: uppercase will uppercase Greek specials as described in Unicode's SpecialCasing.txt . | pass | pass | partial | fail | fail |
Greek final sigma, lowercase text-transform-upperlower-038.html |
text-transform: lowercase will lowercase Greek final sigma at the end of a word as described in Unicode's SpecialCasing.txt . | pass | pass | pass | pass | fail |
Spec links for this table: link
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
Armenian ligatures, uppercase text-transform-upperlower-034.html |
text-transform: uppercase will uppercase Armenian ligatures as described in Unicode's SpecialCasing.txt . | pass | pass | pass | fail | fail |
Spec links for this table: link
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
Turkish, uppercase text-transform-upperlower-040.html |
text-transform: uppercase will uppercase Turkish as described in Unicode's SpecialCasing.txt when the language is specified as Turkish. | pass | pass | pass | pass | pass |
Turkish, lowercase text-transform-upperlower-041.html |
text-transform: lowercase will lowercase Turkish as described in Unicode's SpecialCasing.txt when the language is specified as Turkish. | pass | pass | pass | pass | pass |
Azeri, uppercase text-transform-upperlower-042.html |
text-transform: uppercase will uppercase Azeri as described in Unicode's SpecialCasing.txt when the language is specified as Azeri. | pass | pass | pass | pass | pass |
Azeri, lowercase text-transform-upperlower-043.html |
text-transform: lowercase will lowercase Azeri as described in Unicode's SpecialCasing.txt when the language is specified as Azeri. | pass | pass | pass | pass | pass |
Spec links for this table: link
These tests explore whether browsers have tailored the default case mappings in order to meet language-specific needs.
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
capitalize, Dutch IJ text-transform-tailoring-001.html |
[Exploratory] the brower tailors text-transform: capitalize to put both I and J in titlecase at the start of a word when the language is Dutch. | pass | fail | fail | fail | fail |
Spec links for this table: link
Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Webkit Safari | Legacy Edge | IE |
---|---|---|---|---|---|---|
uppercase, Greek tonos text-transform-tailoring-002.html |
[Exploratory] the brower tailors text-transform: uppercase such that Greek words that are all uppercase lose tonos. | pass | pass | fail | fail | fail |
uppercase, Greek dialytika text-transform-tailoring-002a.html |
[Exploratory] the brower tailors text-transform: uppercase such that Greek words that are all uppercase lose tonos, but not dialytika. | pass | pass | fail | pass | fail |
uppercase, more Greek accents text-transform-tailoring-003.html |
[Exploratory] the brower tailors text-transform: uppercase such that Greek words that are all uppercase convert tonos plus dialytika to just dialytika, and convert diphthongs with tonos on the first character to a dialytika on the second character. | pass | pass | fail | fail | fail |
uppercase, Greek disjunctive eta text-transform-tailoring-005.html |
[Exploratory] the brower tailors text-transform: uppercase such that a disjunctive eta in a Greek sentence keeps its tonos diacritic. | pass | pass | fail | fail | fail |
capitalize, Greek initial stress text-transform-tailoring-004.html |
[Exploratory] the brower tailors text-transform: capitalize such that a stressed vowel that is the first syllable of a Greek sentence keeps its tonos diacritic. | pass | pass | pass | pass | pass |
Spec links for this table: link