The text-transform property specifies the case of an elements text. This property can transform text to uppercase, lowercase or capitalize each word in a sentence.

  • Initial valuenone
  • Applies toAll elements
  • InheritedYes
  • MediaVisual
  • Computed valueAs specified
  • AnimatableNo
  • CSS VersionCSS1, CSS2, CSS3
  • JavaScript syntaxobject.style.textTransform
Formal syntax: none | capitalize | uppercase | lowercase | full-width

text-transform: none;
text-transform: capitalize;
text-transform: uppercase;
text-transform: lowercase;
text-transform: full-width;
  • noneWill not change any text
  • capitalizeWill make the first letter of each word a capital letter
  • uppercaseWill transform all letters to uppercase
  • lowercaseWill transform all letters to lowercase
  • inherit
.text {
  text-transform: capitalize;
}

Click the button below to experiment with this property.

Give it a Try!

1+Firefox6+Explorer1+Chrome1+Safari8+Opera


Last updated on 23rd March 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.