CSS text-decoration-stylePropiedad
Manual de referencia CSSEjemplo
Muestra diferentes tipos de subrayado:
div.a {
text-decoration-line: underline;
text-decoration-style: solid;
}
div.b {
text-decoration-line: underline;
text-decoration-style: wavy;
}
div.c {
text-decoration-line: underline;
text-decoration-style: double;
}
div.d {
text-decoration-line: overline underline;
text-decoration-style: wavy;
}
Pruébalo »
Compatibilidad del navegador
Los números de la tabla indican la primera versión del navegador que admite esta propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| text-decoration-style | 57.0 | 79.0 | 36.0 6.0 -moz- |
12.1 | 44.0 |
Definición y uso
La propiedad text-decoration-style especifica cómo se muestran las líneas.
| Valor predeterminado: | solid |
|---|---|
| Herencia: | no |
| Animable: | No. Consulteanimable。 |
| Versión: | CSS3 |
| Sintaxis de JavaScript: | object.style.textDecorationStyle="wavy" Pruébalo |
Sintaxis CSS
text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;
Valores de propiedad
| Valor | Descripción | Prueba |
|---|---|---|
| solid | Valor predeterminado. La línea se mostrará como una sola línea. | |
| double | La línea se mostrará como una doble línea. | |
| dotted | La línea se mostrará como una línea de puntos. | |
| dashed | La línea se mostrará como una línea discontinua. | |
| wavy | La línea se mostrará como una línea ondulada. | |
| initial | Establece la propiedad a su valor predeterminado. Consulteinitial。 | |
| inherit | Hereda esta propiedad del elemento padre. Consulteinherit。 |
Otras extensiones