쉽게 배우는 Text-decoration 속성 튜토리얼

 

쉽게 배우는 Text-decoration 속성 튜토리얼

 

text-decoration-style : 밑줄 스타일 설정

 

1)solid : 직선

2)dotted : 점선

3)dashed : 실선

4)wavy : 파도 모양

---

 

text-decoration : 밑줄 위치 설정

 

1)underline : 글자 아래쪽

2)overline : 글자 위쪽

3)underline overline : 글자 아래쪽과 위쪽

4)line-through : 글자 중앙

5)double : 밑줄 두줄

 

---

 

text-decoration-thickness : 밑줄 두께 설정

 

px을 사용하여 설정한다.

1)1.5px : thin (얇다)

2)2.5px : normal (보통)

3)6px : thick (두껍게)

 

---

 

text-decoration-offset : 밑줄 거리 설정

 

px을 사용하여 설정한다.

값이 클수록 글자와 밑줄 사이가 멀어진다.