CSS속성_text-decoration(텍스트 데코레이션)

text-decoration 속성

텍스트의 장식을 지정하는 속성입니다. ( text-decoration-line / text-decoration-color / text-decoration-style )

기본 값 : none currentColor solid

 

text-decoration-line (텍스트 데코레이션 라인)

none : 텍스트 꾸밈을 생성하지 않음

underline : 밑줄로 꾸밈 설정

overline : 윗줄로 꾸밈 설정

line-through : 중간을 지나는 줄로 꾸밈 설정(취소선)

text-decoration-color (텍스트 데코레이션 컬러)

색상값을 사용하여 원하는 색상을 지정할 수 있습니다.

currentColor는 CSS 내에서 색상 값으로 사용할 수 있는 키워드입니다.

text-decoration-style (텍스트 데코레이션 스타일)

solid : 한줄 스타일

double : 이중선 스타일

dotted : 점선 스타일

dashed : 파선 스타일

wavy : 물결 스타일

 

<a> overline 속성값을 넣었지만 실제 텍스트에 라인이 표시되지않은 이유는 무엇일까요?

<a>의 자식요소인 <span>을 보면 1.float 2.position:absolut 라고 선언되어 있습니다.

이 경우에는 상속이 해제되기 때문에 라인이 표시되지 않습니다.