CSS 라이브 데모: text-decoration-line 데모 버튼을 클릭해 보세요!
selector {
    text-decoration-line: none | [ underline || overline || line-through || blink ]
}
/* 단일 키워드 값 */
text-decoration-line: none;
text-decoration-line: underline;
text-decoration-line: overline;
text-decoration-line: line-through;
text-decoration-line: blink;

/* 여러 개 키워드 값 */
text-decoration-line: underline overline;
text-decoration-line: overline underline line-through;

/* 전역 값 */
text-decoration-line: inherit;
text-decoration-line: initial;
text-decoration-line: revert;
text-decoration-line: revert-layer;
text-decoration-line: unset;
<p>텍스트 데코레이션 라인 값이 underline입니다.</p>
p {
    text-decoration-line: underline;
}
실제 적용 모습
<p>텍스트 데코레이션 라인 값이 여러 값입니다.</p>
p {
    text-decoration-line: underline overline;
}
실제 적용 모습
<p>del 태그가 아니면 css로 취소한다는 의미의 line-through를 사용하지 마세요.</p>
p {
    text-decoration-line: line-through;
}
실제 적용 모습
<p>
    <del>
        del 태그가 아니면 css로 취소한다는 의미의 line-through를 사용하지 마세요.        
    </del>
</p>
실제 적용 모습

caniuse.com에서 더 자세한 정보를 확인해 보세요.