CSS Property - Text Transform
Value: capitalize | uppercase | lowercase | none
Initial: none
Applies to: all elements
Inherited: yes
Percentage values: N/A
The CSS property "text-transform" describes how text is shown within an element.
- capitalize: uppercases the first character of each word
- uppercase: uppercases all letters of the element
- lowercase: lowercases all letters of the element
- none: neutralizes inherited value.
The actual transformation in each case is human language dependent.
Example:
p{text-transform: capitalize;}
result: capitalize first letter of each word
p{text-transform: uppercase;}
result: text is written in uppercase
p{text-transform: lowercase;}
RESULT: TEXT IS WRITTEN IN LOWERCASE
p{text-transform: none;}
ResUlT: Text stays as IT has bEen Written
CSS1 core: UAs may ignore "text-transform" (i.e., treat it as "none") for characters that are not from the Latin-1 repertoire and for elements in languages for which the transformation is different from that specified by the case-conversion tables of Unicode