Índice

Cambiar a mayúsculas o minúsculas

Esta propiedad muestra un texto en mayúsculas o en minúsculas, independientemente de la forma en que aparezcan los caracteres en el código fuente.

text-transform:

capitalize: escribe la primera letra de cada palabra en mayúsculas.

uppercase: escribe todas las letras en mayúsculas.

lowercase: escribe todas las letras en minúsculas.

none: deja las letras sin modificación alguna.

Ejemplo

<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8">  
   <style type="text/css"> 
   .transformacion1 { text-transform: capitalize;}   
   .transformacion2 { text-transform: uppercase;}   
   .transformacion3 { text-transform: lowercase;}   
   </style> 
</head> 
<body> 
   <h2 class="transformacion1">texto en minúsculas</h2> 
   <h2 class="transformacion2">texto en minúsculas</h2> 
   <h2 class="transformacion3">TEXTO EN MAYÚSCULAS</h2> 
</body> 
</html>
images/CAP14IMG03.png

Comentario

Si esta propiedad no parece tener una utilidad evidente en lo que respecta a la edición, será muy apreciada para formatear los datos destinados a, o provenientes de, una base de datos.