La text-transform propiedad CSS especifica cómo capitalizar el texto de un elemento. Se puede usar para hacer que el texto aparezca en mayúsculas o minúsculas, o con cada palabra en mayúscula. También puede ayudar a mejorar la legibilidad del rubí.
Propiedad :
Transformar Texto
Uso:
text-transform: capitalize;
text-transform: lowercase;
text-transform: uppercase;
text-transform: none;
text-transform: lowercase;
text-transform: uppercase;
text-transform: none;
Definición:
Usando este atributo/etiqueta podemos transformar el texto sin editarlo.
Toma los valores siguientes.
a)capitalize : Esto hará que la primera letra de cada palabra sea mayúscula.
b)uppercase : Te mostrará todas las letras como mayúsculas.
c)lowercase : Mostrará todas las letras como minúsculas.
d)none : Esto eliminará cualquier transformación del texto.
Toma los valores siguientes.
a)capitalize : Esto hará que la primera letra de cada palabra sea mayúscula.
b)uppercase : Te mostrará todas las letras como mayúsculas.
c)lowercase : Mostrará todas las letras como minúsculas.
d)none : Esto eliminará cualquier transformación del texto.
Ejemplo 1:
<font style=”text-transform: capitalize;“>probando transformación de texto</font>
Resulta:
Probando Transformación de Texto
Ejemplo 2:
<font style=”text-transform: uppercase;“>probando transformación de texto </font>
Resulta:
probando transformaciÓN DE TEXTO
Ejemplo 3:
<font style=”text-transform: lowercase;“>ProBando TRANSformación de TEXTO </font>
Resulta:
probando transformación de texto
Ejemplo 4:
<font style=”text-transform: none;“>ProBando TRANSformación de TEXTO </font>
Resulta:
ProBando TRANSformación de TEXTO