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. 

2 comentarios:

Alberto Gómez dijo...

Hola! Venía a pedirte si me podrías enlazar en tu blog, ya que es una tarea de clase y me ayudaría muchísimo a subir la nota. Mi blog es: http://gaming4gamersinfo.blogspot.com.es/
De verdad que lo agradecería mucho porque, como vengo diciendo me ayudaría a subir mi media.
PD. Buen trabajo con el blog!

Amelie Cr dijo...

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 :)