<?xml version="1.0" encoding="utf-8"?>

CSS text-transform property

CSS text-transform property Bad Practice
CSS text-transform property Best Practice

The text-transform property allows you to specify uppercase and lowercase letters in a text. Let's say you want to use the title case in all headings. Instead of making copywriters mind the case when adding titles, you can add a simple CSS rule to do that automatically:

h1 {

text-transform: capitalize;

}

Other values this property can take are lowercase and uppercase — to set all text to be displayed in lowercase and uppercase, respectively.

Improve your UX & Product skills with interactive courses that actually work