Chapter 2 - Transforming Text - 2.1 Case Transforms: the ‘text-transform’ property
Go to the relevant page of the specification.
- full-width-002 (asis, should)
-
CSS Writing Modes: 'text-combine-upright: all' applied on 2 full-width characters
When two or more full-width characters are combined, they are first converted to non-full-width characters. - full-width-003 (asis, should)
-
CSS Writing Modes: 'text-combine-upright: digits 2' applied on 2 full-width characters
When two or more full-width characters are combined, they are first converted to non-full-width characters. - text-transform-capitalize-001
-
CSS3 Text, text transform: capitalize, Latin Basic and Latin-1
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. - text-transform-capitalize-003
-
CSS3 Text, text transform: capitalize, Latin Extended Additional
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 . - text-transform-capitalize-005
-
CSS3 Text, text transform: capitalize, Latin Extended-A
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 . - text-transform-capitalize-007
-
CSS3 Text, text transform: capitalize, Latin Extended-B
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. - text-transform-capitalize-009
-
CSS3 Text, text transform: capitalize, Latin Extended-C
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 . - text-transform-capitalize-010
-
CSS3 Text, text transform: capitalize, Latin Extended-D
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. - text-transform-capitalize-011
-
CSS3 Text, text transform: capitalize, Full-width Latin
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 . - text-transform-capitalize-014
-
CSS3 Text, text transform: capitalize, Greek and Coptic
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. - text-transform-capitalize-016
-
CSS3 Text, text transform: capitalize, Greek Extended
For the Greek Extended Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected. - text-transform-capitalize-018
-
CSS3 Text, text transform: capitalize, Cyrillic
For the Cyrillic Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected. - text-transform-capitalize-020
-
CSS3 Text, text transform: capitalize, Cyrillic Supplement
For the Cyrillic Supplement Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected. - text-transform-capitalize-022 (font)
-
CSS3 Text, text transform: capitalize, Armenian
For the ArmenianUnicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected. - text-transform-capitalize-024 (font)
-
CSS3 Text, text transform: capitalize, Number Forms
For the Number Forms Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected. - text-transform-capitalize-026 (font)
-
CSS3 Text, text transform: capitalize, Enclosed Alphanumerics
For the Enclosed Alphanumerics Unicode block, text-transform: capitalize does NOT put any character in titlecase. - text-transform-capitalize-028 (font)
-
CSS3 Text, text transform: capitalize, Deseret
For the Deseret Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected. - text-transform-capitalize-030 (font)
-
CSS3 Text, text transform: capitalize, Georgian Supplement
For the Georgian Supplement Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected. - text-transform-capitalize-031
-
CSS3 Text, text transform: capitalize, initial punctuation
text-transform: uppercase ignores characters that are not typographic letter units and capitalizes the first typographic letter unit in a word. - text-transform-capitalize-032
-
text-transform - capitalize - basic cases
The UA should put all words in titlecase when text-transform is set to capitalize. - text-transform-fullwidth-001
-
text-transform - fullwidth - basic cases
The UA should transform halfwidth character to fullwidth character when text-transform is set to fullwidth. - text-transform-fullwidth-002
-
text-transform: full-width (basic)
This test checks basic support of 'text-transform: full-width' in a vertical writing context. Since full-width Latin characters are typeset upright, then the characters of the text sample of this test should not be rotated toward the right but should be upright. - text-transform-fullwidth-004
-
text-transform: full-width with 1 single digit (basic)
This test checks basic support of 'text-transform: full-width' in a vertical writing context. Since full-width digit characters are typeset upright, then the single digit character in the text sample should not be rotated toward the right but should be upright. - text-transform-fullwidth-005
-
text-transform: full-width with 2 digits (basic)
This test checks basic support of 'text-transform: full-width' in a vertical writing context. Since full-width digit characters are typeset upright, then both digit characters in the text sample should not be rotated toward the right but should be upright. This is furthermore the case since, in this test, there is no 'text-combine-upright' in effect or applying to such pair of digits. - text-transform-lowercase-001
-
text-transform - lowercase - basic cases
The UA should put all characters in lowercase when text-transform is set to lowercase. - text-transform-none-001
-
text-transform - none - basic cases
The UA should do nothing when text-transform is set to none. - text-transform-tailoring-001
-
CSS3 Text, text transform: capitalize, Dutch IJ
[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. - text-transform-tailoring-002
-
CSS3 Text, text transform: uppercase, Greek tonos
[Exploratory] the brower tailors text-transform: uppercase such that Greek words that are all uppercase lose tonos. - text-transform-tailoring-002a
-
CSS3 Text, text transform: uppercase, Greek dialytika
[Exploratory] the brower tailors text-transform: uppercase such that Greek words that are all uppercase lose tonos, but not dialytika. - text-transform-tailoring-003
-
CSS3 Text, text transform: uppercase, more Greek accents
[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. - text-transform-tailoring-004
-
CSS3 Text, text transform: capitalize, Greek initial stress
[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. - text-transform-tailoring-005
-
CSS3 Text, text transform: uppercase, Greek disjunctive eta
[Exploratory] the brower tailors text-transform: uppercase such that a disjunctive eta in a Greek sentence keeps its tonos diacritic. - text-transform-uppercase-001
-
text-transform - uppercase - basic cases
The UA should put all characters in uppercase when text-transform is set to uppercase. - text-transform-upperlower-001
-
CSS3 Text, text transform: Latin Basic and Latin-1 uppercase
For the Latin Basic and Latin-1 blocks, text-transform: uppercase puts all letters in uppercase . - text-transform-upperlower-002
-
CSS3 Text, text transform: Latin Basic and Latin-1 lowercase
For the Latin Basic and Latin-1 blocks, text-transform: lowercase puts all letters in lowercase . - text-transform-upperlower-003
-
CSS3 Text, text transform: Latin Extended Additional, uppercase
For the Latin Extended Additional Unicode block, text-transform: uppercase puts all letters in uppercase . - text-transform-upperlower-004
-
CSS3 Text, text transform: Latin Extended Additional, lowercase
For the Latin Extended Additional Unicode block, text-transform: lowercase puts all letters in lowercase . - text-transform-upperlower-005
-
CSS3 Text, text transform: Latin Extended-A, uppercase
For the Latin Extended-A Unicode block, text-transform: uppercase puts all letters in uppercase . - text-transform-upperlower-006
-
CSS3 Text, text transform: Latin Extended-A, lowercase
For the Latin Extended-A Unicode block, text-transform: lowercase puts all letters in lowercase . - text-transform-upperlower-007
-
CSS3 Text, text transform: Latin Extended-B, uppercase
For the Latin Extended-B Unicode block, text-transform: uppercase puts all letters in uppercase . - text-transform-upperlower-008
-
CSS3 Text, text transform: Latin Extended-B, lowercase
For the Latin Extended-B Unicode block, text-transform: lowercase puts all letters in lowercase . - text-transform-upperlower-009
-
CSS3 Text, text transform: Latin Extended-C, uppercase
For the Latin Extended-C Unicode block, text-transform: uppercase puts all letters in uppercase . - text-transform-upperlower-010
-
CSS3 Text, text transform: Latin Extended-C, lowercase
For the Latin Extended-C Unicode block, text-transform: lowercase puts all letters in lowercase . - text-transform-upperlower-011
-
CSS3 Text, text transform: Full-width Latin, uppercase
For the Latin letters in the Halfwidth and Fullwidth Forms Unicode block, text-transform: uppercase puts all letters in uppercase . - text-transform-upperlower-012
-
CSS3 Text, text transform: Full-width Latin, lowercase
For the Latin letters in the Halfwidth and Fullwidth Forms block, text-transform: lowercase puts all letters in lowercase . - text-transform-upperlower-014
-
CSS3 Text, text transform: Greek and Coptic, uppercase
For the Greek and Coptic Unicode block, text-transform: uppercase puts all letters in uppercase . - text-transform-upperlower-015
-
CSS3 Text, text transform: Greek and Coptic, lowercase
For the Greek and Coptic Unicode block, text-transform: lowercase puts all letters in lowercase . - text-transform-upperlower-016
-
CSS3 Text, text transform: Greek Extended, uppercase
For the Greek Extended Unicode block, text-transform: uppercase puts all letters in uppercase . - text-transform-upperlower-017
-
CSS3 Text, text transform: Greek Extended, lowercase
For the Greek Extended Unicode block, text-transform: lowercase puts all letters in lowercase . - text-transform-upperlower-018
-
CSS3 Text, text transform: Cyrillic, uppercase
For the Cyrillic Unicode block, text-transform: uppercase puts all letters in uppercase . - text-transform-upperlower-019
-
CSS3 Text, text transform: Cyrillic, lowercase
For the Cyrillic Unicode block, text-transform: lowercase puts all letters in lowercase . - text-transform-upperlower-020
-
CSS3 Text, text transform: Cyrillic Supplement, uppercase
For the Cyrillic Supplement Unicode block, text-transform: uppercase puts all letters in uppercase . - text-transform-upperlower-021
-
CSS3 Text, text transform: Cyrillic Extended, lowercase
For the Cyrillic Extended Unicode block, text-transform: lowercase puts all letters in lowercase . - text-transform-upperlower-022 (font)
-
CSS3 Text, text transform: Armenian, uppercase
For the ArmenianUnicode block, text-transform: uppercase puts all letters in uppercase . - text-transform-upperlower-023 (font)
-
CSS3 Text, text transform: Latin Extended-D, lowercase
For the Latin Extended-D Unicode block, text-transform: lowercase puts all letters in lowercase . - text-transform-upperlower-024 (font)
-
CSS3 Text, text transform: Number Forms, uppercase
For the Number Forms Unicode block, text-transform: uppercase puts all letters in uppercase . - text-transform-upperlower-025 (font)
-
CSS3 Text, text transform: Number Forms, lowercase
For the Number Forms Unicode block, text-transform: lowercase puts all letters in lowercase . - text-transform-upperlower-026 (font)
-
CSS3 Text, text transform: Enclosed Alphanumerics, uppercase
For the Enclosed Alphanumerics Unicode block, text-transform: uppercase puts all letters in uppercase . - text-transform-upperlower-027 (font)
-
CSS3 Text, text transform: Enclosed Alphanumerics, lowercase
For the Enclosed Alphanumerics Unicode block, text-transform: lowercase puts all letters in lowercase . - text-transform-upperlower-028 (font)
-
CSS3 Text, text transform: Deseret, uppercase
For the Deseret Unicode block, text-transform: uppercase puts all letters in uppercase . - text-transform-upperlower-029 (font)
-
CSS3 Text, text transform: Deseret, lowercase
For the Deseret Unicode block, text-transform: lowercase puts all letters in lowercase . - text-transform-upperlower-030 (font)
-
CSS3 Text, text transform: Georgian Supplement, uppercase
For the Georgian Supplement Unicode block, text-transform: uppercase puts all letters in uppercase . - text-transform-upperlower-031 (font)
-
CSS3 Text, text transform: Georgian, lowercase
For the Georgian Unicode block, text-transform: lowercase puts all letters in lowercase . - text-transform-upperlower-032
-
CSS3 Text, text transform: German sharp S, uppercase
text-transform: uppercase will uppercase the German sharp S as described in Unicode's SpecialCasing.txt . - text-transform-upperlower-033
-
CSS3 Text, text transform: Latin ligatures, uppercase
text-transform: uppercase will uppercase Latin ligatures as described in Unicode's SpecialCasing.txt . - text-transform-upperlower-034
-
CSS3 Text, text transform: Armenian ligatures, uppercase
text-transform: uppercase will uppercase Armenian ligatures as described in Unicode's SpecialCasing.txt . - text-transform-upperlower-035
-
CSS3 Text, text transform: Greek specials, uppercase
text-transform: uppercase will uppercase Greek specials as described in Unicode's SpecialCasing.txt . - text-transform-upperlower-038
-
CSS3 Text, text transform: Greek final sigma, lowercase
text-transform: lowercase will lowercase Greek final sigma at the end of a word as described in Unicode's SpecialCasing.txt . - text-transform-upperlower-039 (font)
-
CSS3 Text, text transform: Lithuanian, lowercase
text-transform: lowercase will lowercase Lithuanian as described in Unicode's SpecialCasing.txt . - text-transform-upperlower-040 (font)
-
CSS3 Text, text transform: Turkish, uppercase
text-transform: uppercase will uppercase Turkish as described in Unicode's SpecialCasing.txt when the language is specified as Turkish. - text-transform-upperlower-041 (font)
-
CSS3 Text, text transform: Turkish, lowercase
text-transform: lowercase will lowercase Turkish as described in Unicode's SpecialCasing.txt when the language is specified as Turkish. - text-transform-upperlower-042 (font)
-
CSS3 Text, text transform: Azeri, uppercase
text-transform: uppercase will uppercase Azeri as described in Unicode's SpecialCasing.txt when the language is specified as Azeri. - text-transform-upperlower-043 (font)
-
CSS3 Text, text transform: Azeri, lowercase
text-transform: lowercase will lowercase Azeri as described in Unicode's SpecialCasing.txt when the language is specified as Azeri. - text-transform-upperlower-101
-
CSS3 Text, text transform: Latin Extended-D, uppercase
For the Latin Extended-D Unicode block, text-transform: uppercase puts all letters in uppercase . - text-transform-upperlower-102 (font)
-
CSS3 Text, text transform: Latin Extended-D, lowercase
For the Latin Extended-D Unicode block, text-transform: lowercase puts all letters in lowercase . - text-transform-upperlower-103 (font)
-
CSS3 Text, text transform: Cyrillic Extended-B, uppercase
For the Cyrillic Extended-B Unicode block, text-transform: uppercase puts all letters in uppercase . - text-transform-upperlower-104 (font)
-
CSS3 Text, text transform: Cyrillic Extended-B, lowercase
For the Cyrillic Extended-B Unicode block, text-transform: lowercase puts all letters in lowercase .