For one of my blog post, I copied a particular blog author’s name from his blog. The author name was displayed in his blog as TOM BAEYENS. When I copied and pasted it in a text editor, it pasted as: Tom Baeyens. I wondered how did copy-paste change the case of the text.

After little debugging using the Firefox WebDeveloper plugin, I found that the text in the blog had the CSS property text-transform with value uppercase.

After little more study, I learned that text-transform is a CSS2 property which supports the following values:

To demonstrate, I write the text with different text-transform values:

Found this useful link through digg.