Transformar texto a mayusculas con CSS, uppercase

El otro día haciendo cambios en un sitio me vi en la necesidad de transformar las palabras en minúsculas a mayúsculas usando css, en esta entrada rápida voy a  poner el código css para trasformar las palabras en minúsculas a mayúsculas y su posible uso en html.

Vamos usar la propiedad Text-transform: uppercase, que transforma el texto a mayúsculas.

Código CSS:

[css]

.mayuscula {
text-transform: uppercase;
}

[/css]

Codigo XHTML:

<p class=”mayuscula”>prueba de texto en mayuscula</p>

El resultado sería este:

PRUEBA DE TEXTO EN MAYUSCULA

Esta entrada fue publicada en Css y etiquetada , . Guarda el enlace permanente.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

*

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>