16.5 Capitalization: the 'text-transform' property

Chapter 16 - Text - 16.5 Capitalization: the 'text-transform' property

Go to the relevant page of the specification.

c545-txttrans-000 (ahem, image)
text-transform
first-line-selector-014
:first-line pseudo-element - text-transform
first-line-selector-015
:first-line pseudo-element - text-transform
The :first-line pseudo-element can be attached to an unordered list because it is a block-level element. The "first formatted line" of an unordered list occurs inside its first list-item because it is a non-positioned and non-floated block-level descendant in the same flow. User agents may change the document's layout (preferred behavior but nonetheless optional) when the viewport is resized.
text-transform-001
Text-transform set to 'capitalize'
The 'text-transform' property set to 'capitalize' on an element makes the first character of every word uppercase.
text-transform-002
Text-transform set to 'lowercase'
The 'text-transform' property set to 'lowercase' on an element makes every letter lowercase.
text-transform-003
Text-transform set to 'uppercase'
The 'text-transform' property set to 'uppercase' on an element makes every letter uppercase.
text-transform-004
Text-transform set to 'none'
The 'text-transform' property set to 'none' on an element makes no changes to the text.
text-transform-005
Text-transform set to 'inherit'
The 'text-transform' property set to 'inherit' on an element inherits its parent element's 'text-transform' value.
text-transform-applies-to-001
Text-transform application to 'display: inline' element
The 'text-transform' property is applied to 'display: inline' elements.
text-transform-applies-to-002
Text-transform application to 'display: block' element
The 'text-transform' property is applied to 'display: block' elements.
text-transform-applies-to-003
Text-transform application to 'display: list-item' element
The 'text-transform' property is applied to 'display: list-item' elements.
text-transform-applies-to-005
Text-transform application to 'display: inline-block' element
The 'text-transform' property is applied to 'display: inline-block' elements.
text-transform-applies-to-006
Text-transform application to 'display: table' element
The 'text-transform' property is applied to 'display: table' elements.
text-transform-applies-to-007
Text-transform application to 'display: inline-table' element
The 'text-transform' property is applied to 'display: inline-table' elements.
text-transform-applies-to-008
Text-transform application to 'display: table-row-group' element
The 'text-transform' property is applied to 'display: table-row-group' elements.
text-transform-applies-to-009
Text-transform application to 'display: table-header-group' element
The 'text-transform' property is applied to 'display: table-header-group' elements.
text-transform-applies-to-010
Text-transform application to 'display: table-footer-group' element
The 'text-transform' property is applied to 'display: table-footer-group' elements.
text-transform-applies-to-011
Text-transform application to 'display: table-row' element
The 'text-transform' property is applied to 'display: table-row' elements.
text-transform-applies-to-012
Text-transform application to 'display: table-column-group' element
Verifies that text-transform is not applied to 'display: table-column-group' elements.
text-transform-applies-to-013
Text-transform application to 'display: table-column' element
Verifies that text-transform is not applied to 'display: table-column' elements.
text-transform-applies-to-014
Text-transform application to 'display: table-cell' element
The 'text-transform' property is applied to 'display: table-cell' elements.
text-transform-applies-to-015
Text-transform application to 'display: table-caption' element
The 'text-transform' property is applied to 'display: table-caption' elements.
text-transform-bicameral-001
text-transform - Latin1 uppercase
The UA will uppercase all letters in the Latin 1 set when text-transform is set to uppercase.
text-transform-bicameral-002
text-transform - Latin1 lowercase
The UA will lowercase all letters in the Latin 1 set when text-transform is set to lowercase.
text-transform-bicameral-003
text-transform - Unicode Latin, uppercase
The UA will uppercase all Latin Unicode letters beyond Latin1 when text-transform is set to uppercase.
text-transform-bicameral-004
text-transform - Unicode Latin, lowercase
The UA will lowercase all Latin Unicode letters beyond Latin1 when text-transform is set to lowercase.
text-transform-bicameral-005
text-transform - Turkish, uppercase
When the language is declared to be Turkish, the UA will use Turkish-specific rules when text-transform is set to uppercase.
text-transform-bicameral-006
text-transform - Turkish, lowercase
When the language is declared to be Turkish, the UA will use Turkish-specific rules when text-transform is set to lowercase.
text-transform-bicameral-007
text-transform - Greek, uppercase
The UA will uppercase Unicode Greek when text-transform is set to uppercase.
text-transform-bicameral-008
text-transform - Greek, lowercase
The UA will lowercase Unicode Greek when text-transform is set to lowercase.
text-transform-bicameral-009
text-transform - Coptic, uppercase
The UA will uppercase Unicode Coptic when text-transform is set to uppercase.
text-transform-bicameral-010
text-transform - Coptic, lowercase
The UA will lowercase Unicode Coptic when text-transform is set to lowercase.
text-transform-bicameral-011
text-transform - Cyrillic, uppercase
The UA will uppercase Unicode Cyrillic when text-transform is set to uppercase.
text-transform-bicameral-012
text-transform - Cyrillic, lowercase
The UA will lowercase Unicode Cyrillic when text-transform is set to lowercase.
text-transform-bicameral-013
text-transform - Armenian, uppercase
The UA will uppercase Unicode Armenian when text-transform is set to uppercase.
text-transform-bicameral-014
text-transform - Armenian, lowercase
The UA will lowercase Unicode Armenian when text-transform is set to lowercase.
text-transform-bicameral-015
text-transform - Roman numerals, uppercase
The UA will uppercase Unicode Roman numerals when text-transform is set to uppercase.
text-transform-bicameral-016
text-transform - Roman numerals, lowercase
The UA will lowercase Unicode Roman numerals when text-transform is set to lowercase.
text-transform-bicameral-017
text-transform - Circled Latin, uppercase
The UA will uppercase Unicode Circled Latin when text-transform is set to uppercase.
text-transform-bicameral-018
text-transform - Circled Latin, lowercase
The UA will lowercase Unicode Circled Latin when text-transform is set to lowercase.
text-transform-bicameral-019
text-transform - Full-width Latin, uppercase
The UA will uppercase Unicode Full-width Latin when text-transform is set to uppercase.
text-transform-bicameral-020
text-transform - Full-width Latin, lowercase
The UA will lowercase Unicode Full-width Latin when text-transform is set to lowercase.
text-transform-bicameral-021
text-transform - Deseret, uppercase
The UA will uppercase Unicode Deseret characters when text-transform is set to uppercase.
text-transform-bicameral-022
text-transform - Deseret, lowercase
The UA will lowercase Unicode Deseret characters when text-transform is set to lowercase.
text-transform-capitalize-001
text-transform
text-transform-capitalize-002
text-transform
text-transform-capitalize-003
text-transform
text-transform-lowercase-001
text-transform
text-transform-unicase-001
Text-transform and unicase scripts
Verifies that text-transform does not capitalize a unicase script.
text-transform-uppercase-001
text-transform
text-transform-uppercase-002
text-transform szlig