Which property is used to capitalize text or convert text to uppercase or lowercase letters in CSS?

Answer 1

Example

Transform text in different <p> elements:

p.uppercase {
    text-transform: uppercase;
}

p.lowercase {
    text-transform: lowercase;
}

p.capitalize {
    text-transform: capitalize;
}

CSS Syntax

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

Property Values

Value Description

none : No capitalization. The text renders as it is. This is default

capitalize : Transforms the first character of each word to uppercase

uppercase : Transforms all characters to uppercase

lowercase : Transforms all characters to lowercase

initial : Sets this property to its default value.

inherit : Inherits this property from its parent element.