Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Example of CSS text-transform property</title> <style> p.low { text-transform: lowercase; } p.cap { text-transform: capitalize; } p.up { text-transform: uppercase; } </style> </head> <body> <h1>Text-transform Effect</h1> <p>This is a normal paragraph.</p> <p class="low">All characters of each word of this paragraph is transformed in lowercase.</p> <p class="cap">The first character of each word of this paragraph is transformed in uppercase.</p> <p class="up">All characters of each word of this paragraph is transformed in uppercase.</p> </body> </html>