Producing web pages
* HTML CSS DHTML XHTML A to Z of tags        Accessibility          Design

text-transform

The text-transform property changes the case of text. The supported values are: none, capitalise, uppercase and lowercase. For example:

h2 {text-transform: capitalise}

It is pretty obvious what the values mean:

  • Uppercase. Every character appears in capital letters
  • Lowercase. Every character appears in lower case
  • Capitalise. The first letter of every word is a capital letter (this includes words like of, but, and)
  • None. No change to the text