The text-transform CSS property specifies how to capitalize an element’s text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized.
Syntax
- text-transform: capitalize
- text-transform: uppercase
- text-transform: lowercase
- text-transform: none
- text-transform: full-width
- text-transform: inherit
<!DOCTYPE html> <html> <head> <style> .foo { text-transform: uppercase; } </style> </head> <body> <p class="foo"> The quick brown red fox jumps over the lazy dog The quick brown red fox jumps over the lazy dog </p> </body> </html>