Atributo CSS text-decoration-thickness

recomendaciones de cursos

definición y uso

text-decoration-thickness atributo especifica el grosor de la línea decorativa.

consulte también:libro de referencias de CSS

text-decoration atributoTexto CSS

tutoriales de CSS

ejemplo

establecer diferentes grosores de línea decorativa para los elementos <h1>, <h2>, <h3>, <h4>:
  text-decoration: underline;
  text-decoration-thickness: auto;
}
h2 {
  text-decoration: underline;
  text-decoration-thickness: 5px;
}
h3 {
  text-decoration: underline;
  text-decoration-thickness: 50%;
}
/* usar atributo abreviado */
h4 {
  text-decoration: underline solid red 50%;
}

intente usted mismo

sintaxis de CSS

text-decoration-thickness: auto|from-font|length/percentage|initial|inherit;

valor del atributo

valor descripción
auto el navegador elige el grosor de la línea decorativa.
from-font Si el archivo de fuente de caracteres contiene información sobre el grosor preferido, utilice este valor. De lo contrario, se muestra como auto.
length/percentage especifica el grosor en un valor de longitud o porcentaje.
initial establezca esta propiedad en su valor predeterminado. Consulte initial.
inherit hereda esta propiedad del elemento padre. Consulte inherit.

detalles técnicos

valor predeterminado: auto
herencia: no
producción de animación: no se admite. Consulte:propiedades relacionadas con la animación.
versión: CSS4
sintaxis de JavaScript: object.style.textDecorationThickness="5px"

soporte del navegador

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

Chrome IE / Edge Firefox Safari Opera
89.0 89.0 70.0 12.1 75.0