bugl
bugl
HomeLearnPatternsSearch
HomeLearnPatternsSearch
Learn/CSS/CSS Foundations
CSS•CSS Foundations

CSS Text Transformation

Overview

The CSS

Formula

text - transform property is used to control the capitalization of text in an element.

It can be used to transform a text into uppercase or lowercase letters, or capitalize the first letter of each word, without changing the original content in HTML. This property can have one of the following values: none - No transformation. Text renders as it is capitalize - Transforms the first character of each word to uppercase uppercase - Transforms all characters to uppercase lowercase - Transforms all characters to lowercase

Example

Demonstration of the text-transform property:

p.uppercase {
text-transform: uppercase;
}
p.lowercase {
text-transform: lowercase;
}
p.capitalize {
text-transform: capitalize;
}

The CSS Text Transformation Property

Property

Description text-transform

Controls the capitalization of text

Previous

CSS Text Decoration Styles

Next

CSS Text Spacing