Michael Gearon

CSS Text Transform – text-transform property

Michael Gearon

The CSS text-transform property allows you to control the text case. By default the value is none. The text can be transformed to be all-lowercase, all-uppercase or captialise the first letter of each word.

Code examples

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

Property values

text-transform syntax

text-transform: none|initial|inherit|lowercase|uppercase|capitalize

Browser support

The text-transfrom property is supported in all browsers. It has been supported since CSS 1.

Further reading

Michael Gearon

Written by
Michael Gearon

Michael Gearon is a Senior Interaction Designer at Companies House in Cardiff. Previously Mike was a product designer at the GoCo Group including GoCompare, MyVoucherCodes and WeFlip. As well working for brands in South Wales like BrandContent and HEOR.