Некоторые методы для создания разных стилей подчёркивания текста в CSS:

• Свойство text-decoration. 12 Позволяет изменять цвет, тип линии и стиль подчёркивания. 1 Некоторые значения свойства: line-through (зачёркивание посередине текста), overline (надчёркивание над текстом), underline (подчёркивание под текстом), none (без подчёркивания), inherit (наследуется). 2
• Свойство text-decoration-line. 25 Отвечает за тип линии: подчёркнуто, перечёркнуто, без подчёркивания, подчёркивание над текстом, а не под ним. 2 Некоторые значения: underline (подчёркивание), overline (линия над строкой), line-through (линия через середину строки). 5
• Свойство text-decoration-color. 25 Управляет цветом подчёркивания. 2 По умолчанию цвет подчёркивания совпадает с цветом текста. 2
• Свойство text-decoration-style. 25 Настраивает стиль линии (сплошная, волнистая, точками, тире и другие). 2 Некоторые значения: solid (сплошная линия), double (двойная линия), dotted (пунктирная линия из точек), dashed (пунктирная линия из коротких линий), wavy (волнистая линия). 2
• Свойство text-decoration-thickness. 2 Задаёт толщину линии. 2
• Свойство text-underline-offset. 2 Устанавливает смещение подчёркивания от его исходного положения и используется в связке со свойством text-decoration. 2
• Свойство border-bottom (нижняя граница). 3 С помощью этого параметра можно задать тип подчёркивания, цвет, толщину. 3