Ejemplo
Ajuste la decoración del texto de <h1>, <h2>, y <h3> elementos:
h1 {
text-decoration: overline;
}
h2 {
text-decoration: line-through;
}
h3 {
text-decoration: underline;
}
Inténtalo tú mismo " Definición y Uso
La propiedad text-decoration especifica la decoración añadida al texto.
Note: En CSS3, la propiedad text-decoration es una propiedad resumida para text-decoration-line , text-decoration color y -decoración de estilo de texto , pero esto actualmente no es compatible con cualquiera de los principales navegadores.
Note: En CSS3 puede utilizar el texto-decoración color propiedad para cambiar el color de la decoración, de lo contrario el color es el mismo que el color del texto.
| Valor por defecto: | none |
|---|---|
| Heredado: | no |
| animatable: | no, see individual properties . Read about animatable |
| Versión: | CSS1, renewed in CSS3 |
| la sintaxis de JavaScript: | object .style.textDecoration="underline" Try it |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| text-decoration | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
sintaxis CSS
text-decoration: none|underline|overline|line-through|initial|inherit;Valores de propiedad
| Valor | Descripción | Juegalo |
|---|---|---|
| none | Define un texto normal. Esto es por defecto | Juegalo " |
| underline | Define una línea debajo del texto | Juegalo " |
| overline | Define una línea sobre el texto | Juegalo " |
| line-through | Define una línea a través del texto | Juegalo " |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial | Juegalo " |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
CSS tutorial: CSS texto
Referencia HTML DOM: textDecoration property