Atributo text-decoration de CSS

Definición y uso

La propiedad text-decoration especifica la decoración que se añade al texto.

Nota:El color del adorno se establece mediante la propiedad "color".

Explicación

Esta propiedad permite aplicar algún efecto al texto, como subrayarlo. Si los elementos descendientes no tienen su propio adorno, el adorno establecido en el elemento ascendiente se "extenderá" a los elementos descendientes. No se requiere que el agente de usuario soporte blink.

Véase también:

Tutorial de CSS:Texto CSS

Manual de referencia de HTML DOM:Propiedad textDecoration

Ejemplo

Establece la decoración de texto de los elementos h1, h2, h3, h4:

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}

Prueba por tu cuenta

Sintaxis de CSS

text-decoration: text-decoration-line text-decoration-color text-decoration-style text-decoration-thickness|initial|inherit;

Valor del atributo

Valor Descripción
text-decoration-line Establece el tipo de decoración de texto a usar (por ejemplo, subrayado, sobreescrito, tachado).
text-decoration-color Establece el color de decoración del texto.
text-decoration-style Establece el estilo de decoración del texto (por ejemplo, sólido, ondulado, punteado, discontinuo, doble).
text-decoration-thickness Establece el grosor de la línea de decoración.
initial Establece esta propiedad en su valor por defecto. Véase initial.
inherit Hereda esta propiedad del elemento padre. Véase inherit.

Detalles técnicos

Valor por defecto: ninguna
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: objeto.style.textDecoration="sobrelineado"

Más ejemplos

Adornar texto
Este ejemplo muestra cómo agregar adornos a los textos.

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que completamente admite esta propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 3.0 1.0 1.0 3.5