text-decoration
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