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

how convert uppercase letter lowercase , first letter uppercase each sentences below using css?

from: example sentence.

to: example sentence.

update: when i'm using text-transform: capitalize; result still same.

there no sentence caps option in css. other answers suggesting text-transform: capitalize incorrect option capitalizes each word.

here's crude way accomplish if want first letter of each element uppercase, it's near actual sentence caps:

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

<p>this example sentence.</p> <p>this example sentence.    , another, entirely lowercase.</p>

shell