Text Transform in CSS

Previous Next

Home >> CSS >> CSS Basic >> Text Transform in CSS

The text-transform Property

The text-transform CSS property specifies how to transform an element's text. For example, it can be used to make text appear with each word capitalized or it can be used to make all characters uppercases or lowercase depending on different scenarios.

Syntax:-

Its syntax is:-

< style >

element{

}

< /style >

Further Explanation:-

Value	Description
none	No capitalization.
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.

Code Explanation

All Tutorials related to CSS Basic

CSS Syntax ID and CLASS Selectors Descendant Selectors Comments Inheritance Font Family Font Size Font Style Font Weight Font Variant Color Text Align Vertical Text Align Text Decoration Text Indent Text Shadow Text Transform Letter Spacing Word Spacing White Spacing

All Sections related to CSS

CSS Intro CSS Intro Quiz CSS Intro Exercise CSS Basic CSS Basic Quiz CSS Basic Exercise CSS Advance CSS Advance Quiz CSS Advance Exercise CSS3 CSS3 Quiz CSS3 Exercise CSS Properties CSS Functions CSS Selectors