Question:
I am trying to place a text that comes in UPPERCASE with the first letter mayúscula and the other minúsculas , the text cannot be modified by js or html .
Is there a CSS way to make this possible?
.let p { text-transform: lowercase; }
<div class="let"> <p>ESTO ES UNA INFORMACION QUE NECESITO QUE SEA LA PRIMERA LETRA MAYUSCULA Y LAS OTRAS MINUSCULAS</p> </div>
Answer:
You should lowercase the text and then capitalize the first letter using the following CSS selector: :first-letter .
Staying as follows:
.let p { text-transform: lowercase; } .let p:first-letter { text-transform: uppercase; }
<div class="let"> <p>ESTO ES UNA INFORMACION QUE NECESITO QUE SEA LA PRIMERA LETRA MAYUSCULA Y LAS OTRAS MINUSCULAS</p> </div>