본문 바로가기
웹코딩 배우기/· CSS

text-decoration

by 닐기 2022. 11. 17.

See the Pen text-decoration by nilgi (@nilgi) on CodePen.

 

 

• 위치

text-decoration-line: none;
text-decoration-line: overline;
text-decoration-line: line-through;
text-decoration-line: underline;
text-decoration-line: overline underline;
text-decoration-line: overline line-through underline;

 

• 색

text-decoration-color: red;

text-decoration-color: rgb(30, 144, 255);

 

• 모양

text-decoration-style: solid;

text-decoration-style: double;

text-decoration-style: dotted;

text-decoration-style: dashed;

text-decoration-style: wavy;

 

• 굵기

text-decoration-thickness: auto;

text-decoration-thickness: 7px;

text-decoration-thickness: 50%;

 

• 속기

text-decoration: underline wavy tomato 3px; // 위치, 모양, 색, 굵기