CSS text-transform controls the case of the letters of the article

 In the design of CSS, you can use text-transform to control the case of the text letters in the article.  The browser will render them according to your instructions, regardless of whether the original letters are capitalized or Lowercase, always display according to text-transform. You can set all uppercase, all lowercase, or only the first letter in uppercase.

CSS text-transform example

<span style="text-transform:uppercase;">Good Morning Piter.</span><br><!--Define all letters in uppercase-->
<span style="text-transform:lowercase;"> Good Morning Piter.</span><br><!--Define all letters in lowercase-->
<span style="text-transform:capitalize;">Good Morning Piter.</span><!--Define Capitalize the first letter of a word, lowercase the other letters -->

Present results

GOOD MORNING PITER.
good morning piter.
Good Morning Piter.

All mainstream browsers support the CSS text-transform property. You can use which effect according to your needs. The default value is none. The size of the letter is displayed according to the size you write, which is the same as if you didn't write it.