[CSS] text-decoration, 텍스트 꾸미기

text-decoration 

텍스트의 장식을 지정하는 속성이다. (기본 값 :  none   currentColor   solid)

text-decoration: text-decoration-line text-decoration-color text-decoration-style | initial | inherit;

 

text-decoration의 속성 값

text-decoration-line

텍스트 꾸밈의 종류를 지정하는 속성이다. (기본 값 : none)

 

none : 텍스트 꾸밈을 생성하지 않음 (기본값)

underline : 밑줄로 꾸밈을 설정

overline : 윗줄로 꾸밈을 설정

line-through : 중간을 지나는 줄로 꾸밈을 설정

 

text-decoration-color

텍스트 꾸밈의 색상을 지정하는 속성이다. (기본 값 : currentColor)

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

 

text-decoration-style

꾸밈에 사용되는 선의 스타일을 지정하는 속성이다. (기본 값 : solid)

solid : 한줄 스타일 ( 기본 값 )

double : 이중선 스타일

dotted : 점선 스타일

dashed : 파선 스타일

wavy : 물결 스타일

 

See the Pen CSS_text-decoration by RIANAEH (@rianaeh) on CodePen.

 

 

 

ref.

www.w3schools.com/cssref/pr_text_text-decoration.asp