14 de febrero de 2015

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.