Compartir a través de

text-decoration

  • Artículo

Establece un valor que indica si el texto del objeto contiene decoraciones de tipo intermitente, tachado, suprarrayado o subrayado.

Sintaxis

{ text-decoration: sDecoration }

Valores posibles

sDecoration

Cadena que especifica o recibe uno de los valores siguientes:

none

Valor predeterminado. El texto no tiene ninguna decoración.

line-through

El texto está tachado con una línea.

overline

El texto tiene una línea por encima.

underline

El texto está subrayado.

La propiedad tiene el valor predeterminado none y no se hereda.

Observaciones

El valor predeterminado es diferente para las siguientes etiquetas:

  • El valor predeterminado es underline para el elemento A cuando se usa con los elementos HREF, U e INS.

  • El valor predeterminado es line-through para los elementos STRIKE, S, y DEL.

Si se coloca el valor none al final de los valores, se borran todos los valores. Por ejemplo, {text-decoration: underline overline blink none} hace que ninguna de las decoraciones se reproduzca.

Si el objeto no tiene texto (por ejemplo, el objeto IMG en HTML) o es un objeto vacío (por ejemplo, <EM></EM>), esta propiedad no tiene ningún efecto.

Si establece la propiedad text-decoration en none en el objeto BODY, los objetos A siguen apareciendo subrayados. Para quitar el subrayado de los objetos A, establezca el estilo en línea o use a como selector en la hoja de estilos global.

La especificación de la propiedad text-decoration para los elementos de bloque afecta a todos los elementos secundarios en línea. Si se especifica para un elemento en línea, o afecta a un elemento en linea, se verán afectados todos los cuadros generados por el elemento.

Ejemplos

En el siguiente ejemplo se usa la propiedad text-decoration para decorar el texto dentro del objeto. Se utiliza una hoja de estilos en línea para dibujar una línea que tacha el texto dentro del objeto:

<div style="text-decoration:line-through">
.
.
.
</div>

Este ejemplo demuestra que text-decoration no se puede heredar. El elemento secundario (SPAN) parece que hereda el estilo del elemento primario (DIV), pero en realidad no lo hace:

<html>
<head><style>
    div{color:red; text-decoration:underline;}
    span{color:blue; text-decoration:none;}
</style>
</head>
<body>
<div>This div has text decoration set to underline <span>, but this span
        has it set to none. </span> The div continues here.</div>
</body>
</html>

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=FILE, 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