Compartir a través de

text-transform

  • Artículo

Establece la representación del texto en el objeto.

Sintaxis

{ text-transform: sTransform }

Valores posibles

sTransform

Cadena que especifica o recibe uno de los valores siguientes:

none

Valor predeterminado. No se transforma el texto.

capitalize

Se transforma el primer carácter de cada palabra a mayúsculas.

lowercase

Se transforman todos los caracteres a minúsculas.

uppercase

Se transforman todos los caracteres a mayúsculas.

La propiedad tiene el valor predeterminado none. La propiedad de la hoja de estilos en cascada se hereda.

Ejemplos

En el siguiente ejemplo se usa la propiedad text-transform para transformar un bloque de texto de minúsculas a mayúsculas cuando el usuario mueva el puntero sobre el texto. Cuando el usuario hace clic en el texto, el texto se transforma de nuevo a minúsculas. En el ejemplo se utilizan tres llamadas a una hoja de estilo incrustada (global) para transformar el texto:

<style>
    .transform1 {text-transform:uppercase}
    .transform2 {text-transform:lowercase}
    .transform3 {text-transform:none }
</style>
</head>
<body>
<div style="font-size:14" 
    onmouseover="this.className='transform1'" 
    onclick= "this.className='transform2'"
    ondblclick="this.className='transform3'"> 
:
</div>

Información sobre estándares

Esta propiedad se define en la especificación Cascading Style Sheets (CSS), Level 1 (CSS1) (Hojas de estilos en cascada (CSS), nivel 1 (CSS1)).

Aplicable a

A, ADDRESS, B, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, CUSTOM, DD, DEFAULTS, DFN, DIV, DL, DT, EM, FIELDSET, FORM, HN, HTML, I, INPUT TYPE=BUTTON, INPUT TYPE=CHECKBOX, INPUT TYPE=FILE, INPUT TYPE=IMAGE, INPUT TYPE=PASSWORD, INPUT TYPE=RADIO, INPUT TYPE=RESET, INPUT TYPE=SUBMIT, INPUT TYPE=TEXT, LI, OL, P, S, SELECT, SPAN, SUB, TABLE, TBODY, TD, TFOOT, TH, THEAD, TR, TT, U, UL, VAR, XMP