CSS text-decorationPropiedad
Ejemplo
Establecer la decoración de texto de los elementos h1, h2, h3 y h4:
h1 {text-decoration:overline}
h2 {text-decoration:line-through}
h3 {text-decoration:underline}
Pruébalo »
Definición de la propiedad y notas de uso
La propiedad text-decoration especifica la decoración añadida al texto, como subrayado, línea superior, tachado, etc.
La propiedad text-decoration es una abreviatura de las siguientes tres propiedades:
Sintaxis
/*关键值*/ text-decoration: none; /*没有文本装饰*/ text-decoration: underline red; /*红色下划线*/ text-decoration: underline wavy red; /*红色波浪形下划线*/ /*全局值*/ text-decoration: inherit; text-decoration: initial; text-decoration: unset;
| Valor por defecto: | none |
|---|---|
| Herencia: | no |
| Versión: | CSS1 |
| Sintaxis de JavaScript: | object.style.textDecoration="overline" |
Soporte del navegador
Los números en la tabla indican la primera versión del navegador que soporta la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| text-decoration | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
Valores de la propiedad
| Valor | Descripción |
|---|---|
| none | Por defecto. Define texto estándar. |
| underline | Define una línea debajo del texto. |
| overline | Define una línea encima del texto. |
| line-through | Define una línea que atraviesa el texto. |
| blink | Define texto parpadeante. |
| inherit | Especifica que el valor de la propiedad text-decoration debe heredarse del elemento padre. |
Más ejemplos
Ejemplo
h1.under {
text-decoration: underline;
}
h1.over {
text-decoration: overline;
}
p.line {
text-decoration: line-through;
}
p.blink {
text-decoration: blink;
}
a.none {
text-decoration: none;
}
p.underover {
text-decoration: underline overline;
}
Pruébalo »
Ejemplo
Línea discontinua y línea ondulada:
h1 {
text-decoration: underline overline dotted red;
}
h2 {
text-decoration: underline overline wavy blue;
}
Pruébalo »
Artículos relacionados
Tutorial de CSS:Texto CSS
Otras extensiones