CSS: Poner en mayúsculas la primera letra de una palabra y el resto de la palabra en minúsculas de un término que es todo mayúsculas



En ocasiones queda muy bonito en una web poner una palabra con la primera letra en mayúscula y el resto en minúsculas, pero claro, la palabra recibida del servidor está todo en mayúsculas y la propiedad text-transform:capitalize no funciona.

¿Qué hacer? Pues os pongo un ejemplo de como hacerlo en un li :)

.liSubcat li{
}

.liSubcat li{ text-transform: lowercase; }
.liSubcat li:first-letter { text-transform: uppercase; }

Cómo habéis visto es fácil de usar y funciona 100% para poner capitalizar una palabra en mayúsculas.

Espero que os sea de utilidad. 

Comentarios

Unknown ha dicho que…
Buenas tardes Gabriel,
Perdón pero no lo entendí muy bien, ¿dónde debe ponerse el código?
Espero que me puedas responder.
Un saludo y gracias por este post y tu blog son fantasticos :)