CSS GUIDE TEXT TRANSFORM

From CDOT Wiki
Jump to: navigation, search

This document is a work in progress and is subject to change.

Summary

The text-transform controls the letters in an element to whatever value it is set to. The property asks for the nature of the transformation.

Applicability:The text-indent property can be used for all elements.
Media Group: Visual
Inherited:Yes

Syntax

p
{ 
text-transform: [value]
}

Legal Values

The following transformation value can be used:

  • none : Defines normal text, with lower case letters and capital letters
  • capitalize : Each word in a text starts with a capital letter
  • uppercase : Defines only capital letters
  • lowercase : Defines no capital letters, only lower case letters

See usage examples section for more details.

Mozilla Recommended Values

Usage Examples

text-transform: uppercase  /*CONVERTS TEXT TO UPPER CASE.*/
text-transform: capitalize /*Converts Text To Capitalize.*/

Notes

Specification Conformance

Browser Compatibility

See Also