Convert Uppercase Letter to Lowercase and First Uppercase in Sentence using CSS

Issue

How to convert UPPERCASE letter to lowercase and first letter Uppercase for each sentences like below only by using CSS?

From: THIS IS AN EXAMPLE SENTENCE.

To: This is an example sentence.

Update: When I'm using text-transform: capitalize; The result still same.

Solution

There is no sentence caps option in CSS. The other answers suggesting text-transform: capitalize are incorrect as that option capitalizes each word.

Here's a crude way to accomplish it if you only want the first letter of each element to be uppercase, but it's definitely nowhere near actual sentence caps:

p {
  text-transform: lowercase;
}

p::first-letter {
  text-transform: uppercase;
}

<p>THIS IS AN EXAMPLE SENTENCE.</p>
<p>THIS IS ANOTHER EXAMPLE SENTENCE.
   AND THIS IS ANOTHER, BUT IT WILL BE ENTIRELY LOWERCASE.</p>

Answered By - BoltClock