Warning: Use of undefined constant REQUEST_URI - assumed 'REQUEST_URI' (this will throw an Error in a future version of PHP) in /home/edgardop/public_html/notas/wp-content/themes/zerif-lite/functions.php on line 73
La text-transform propiedad CSS – NOTAS EDG

La text-transform propiedad CSS

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;

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.

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

 

Agregue un comentario

Su dirección de correo no se hará público. Los campos requeridos están marcados *