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