text-decoration 속성

text-decoration 속성은 텍스트에 밑줄, 취소선, 윗줄과 같은 다양한 효과를 추가합니다.

문법

css선택자 {
  text-decoration: underline | line-through | overline | none;
}

값	설명
`underline`	밑줄이 그어진 텍스트를 만듭니다.
`line-through`	취소선이 그어진 텍스트를 만듭니다.
`overline`	텍스트 위에 줄을 만듭니다.
`none`	요소의 밑줄을 제거합니다. 기본적으로 밑줄이 있는 링크에 가장 자주 사용됩니다.

기본값: none. 링크의 기본값: underline.

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration: underline;
}

Результат:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration: line-through;
}

Результат:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration: overline;
}

Результат: