Uppercase CSS | Lowercase | Capitalize | CSS text-transform Property

CSS text-transform Property Syntax:

text-transform: none|capitalize|uppercase|lowercase|initial|inherit;

Example

Transform text in different <span> elements:

span.a {
  text-transform: uppercase;
}

span.b {
  text-transform: lowercase;
}

span.c {
  text-transform: capitalize;

} 

CSS text-transform Property Details

Value	Description
none	This is default text without change
capitalize	The first character of each word will be uppercase
uppercase	All characters will be uppercase
lowercase	All characters will be lowercase
initial	Sets this property to its default value.
inherit	Inherits this property from its parent element.