Чем отличается свойство text-decoration от его составляющих text-decoration-line, text-decoration-style, text-decoration-color?

Свойство text-decoration — это сокращённая форма записи для набора CSS-свойств text-decoration-line, text-decoration-color, text-decoration-style и text-decoration-thickness. htmlacademy.ru www.scaler.com Оно позволяет указать значения для всех этих свойств в одной декларации. www.geeksforgeeks.org

Составляющие свойства отличаются по своей функции:

• text-decoration-line отвечает за тип линии: подчёркнуто, перечёркнуто, без подчёркивания, подчёркивание над текстом, а не под ним. htmlacademy.ru
• text-decoration-color управляет цветом подчёркивания. htmlacademy.ru По умолчанию он совпадает с цветом текста. htmlacademy.ru
• text-decoration-style настраивает стиль линии (сплошная, волнистая, точками, тире и другие). htmlacademy.ru

Таким образом, text-decoration объединяет все эти свойства и используется для более тонкой настройки параметров подчёркивания. htmlacademy.ru