El desarrollo de la web ha enfrentado históricamente limitaciones técnicas en la implementación de subrayados mediante CSS. Durante décadas, los desarrolladores debían recurrir a métodos inelegantes, como el uso de bordes falsos o pseudo-elementos, para simular líneas de subrayado. Esta aproximación presentaba deficiencias visuales significativas, ya que los bordes no cruzaban correctamente con las letras que tienen ascensores o descensores, como las 'g' o las 'y', resultando en una apariencia estética deficiente.
La situación cambió a partir de 2019, cuando se introdujeron nuevas propiedades en la especificación CSS que permiten un control preciso sobre el estilo de texto. Estas atributos, que incluyen text-decoration-line, text-decoration-color, text-decoration-style y text-decoration-thickness, han sido implementados por la mayoría de los navegadores de los principales fabricantes. A diferencia de las soluciones anteriores, estas propiedades permiten definir el color, el estilo y el grosor exacto de la línea de subrayado, independientemente del color del texto base.
El uso de estas propiedades resuelve los problemas de herencia de color y la inconsistencia en el grosor de la línea entre diferentes navegadores, especialmente en tamaños de fuente grandes. Este avance técnico permite a los desarrolladores crear interfaces más limpias y profesionales, eliminando la necesidad de trucos visuales complejos. La adopción generalizada de estas herramientas ha mejorado significativamente la calidad visual del texto en la web, ofreciendo una solución estándar y robusta para la estilización de elementos de texto.