Text Transform

CSS Tutorial

CSS Advanced

CSS Responsive

CSS Grid

CSS Text Transformation

The text-transform property specifies the uppercase and lowercase letters in a text.

It can be used change everything into uppercase or lowercase letters, or capitalize the first letter of each word:

HTML
				
					
<p class="uppercase">This text is transformed to uppercase.</p>
<p class="lowercase">This text is transformed to lowercase.</p>
<p class="capitalize">This text is capitalized.</p>
CSS
				
					div {
  border: 1px solid gray;
  padding: 8px;
}

h1 {
  text-align: center;
  text-transform: uppercase;
  color: #4CAF50;
}

p {
  text-indent: 50px;
  text-align: justify;
  letter-spacing: 3px;
}

a {
  text-decoration: none;
  color: #008CBA;
}

Output

text tranformation