text-transform property is used to control captialization of text. For example, you can force text to be uppercase, lowercase, or title case (capitalized).
In the above example, pay particular attention to the way the text has been entered, and how it is rendered after having the
text-transform property applied. You'll notice that
captalize is only applied to the first character, whereas the other two are applied to the whole word.
- No effects are applied to the text.
- First character of each word is rendered in uppercase. The remaining characters are rendered as they are.
- All characters are rendered in uppercase.
- All characters are rendered in lowercase.
- Puts all characters in fullwidth form. If the character does not have a corresponding fullwidth form, it is left as is. This value is typically used to typeset Latin characters and digits like ideographic characters.
In addition, all CSS properties also accept the following CSS-wide keyword values as the sole component of their property value:
- Represents the value specified as the property's initial value.
- Represents the computed value of the property on the element's parent.
- This value acts as either
initial, depending on whether the property is inherited or not. In other words, it sets all properties to their parent value if they are inheritable or to their initial value if not inheritable.
- Initial Value
- Applies To
- All elements
- CSS Text Module Level 3 (W3C Last Call Working Draft 10 October 2013)
- CSS Level 2.1 (W3C Recommendation 07 June 2011)
- CSS Level 1 (W3C Recommendation 17 Dec 1996)