Como transformo todo el Texto a Mayúsculas?

Css | Escrito por Ezequiel M. | Marzo - 25 - 2009

Mayusculas con css

Si hay algo en lo que se destaca CSS, es en el formateado de Texto. Mediante una simple propiedad, podemos transformar todo un texto a mayúsculas en un abrir y cerrar de ojos.


Con la propiedad Text-transform: uppercase; transformamos todo el texto que esta dentro de las etiquetas xhtml que estemos usando, en este caso, pasamos de minúsculas a mayúsculas un párrafo usando una clase llamada mayúscula.


Código CSS:

.mayuscula{
text-transform: uppercase;
}

Código XHTML:

No voy a volver a escribir el mismo texto.

Resultado:


No voy a volver a escribir el mismo texto.

Articulos relacionados:

    • Como agrego sombra a un texto con CSS3? Text-Shadow es una de las nuevas propiedades en CSS3 que permite estilizar las fuentes. Esta propiedad es la solución a muchos trucos que se idearon para simular sombras en las fuentes de los sitios web. Esta propiedad actúa a modo gráfico sin duplicar el texto y sin generar una imagen. Los valores para la propiedad Text-shadow
    • Como pongo color de fondo a un elemento? Definir el color de fondo para un elemento es sencillo pero hay que tener en cuenta algunos aspectos. El resultado es diferente según la propiedad Display del mismo, si el elemento es de Linea (Inline) el color solo ocupara el espacio que ocupe el mismo y si es de Bloque (Block) el color ocupara todo
    • Como evito el desborde de texto con CSS3? Word-wrap es una propiedad creada por Microsoft para la nueva versión de CSS. Esta propiedad soluciona el “problema de cadena de texto” cortándolo en partes para que las palabras largas no desborden de su caja o contenedor. La propiedad con el valor a utilizar en la hoja de estilos seria word-wrap: break-word, y para este caso

Comentarios:

  1. De lujo, gracias, tiempo buscandolo

    Lo dijo el jerry el 18 Mayo 2009 a las 2:02
  2. Me alegro que te sea útil. Saludos!

    Lo dijo Willowman el 18 Mayo 2009 a las 20:11
  3. grax

    Lo dijo aguu el 31 Diciembre 2011 a las 1:34

Deja tu opinion