TIL63-01 Css 텍스트에 밑줄 긋기

텍스트에 밑줄 긋기

• text-decoration 속성을 사용하면 다양한 밑줄을 그을 수 있다.

• 다음은 text-decorantion의 속성값에 대한 설명이다.

1. text-decoration-line = 글자 라인의 위치 속성을 설정합니다.
   • text-decoration-line : none;
   • text-decoration-line : underline;
   • text-decoration-line : overline;
   • text-decoration-line : line-through;
   • text-decoration-line : blink;
     

2. text-decoratio-style = 글자 라인의 종류 속성을 설정합니다.
   • text-decoratio-style : solid
   • text-decoratio-style : double
   • text-decoratio-style : dotted
   • text-decoratio-style : dashed
   • text-decoratio-style : wavy

3. text-decoration-color = 글자 라인의 색상 속성을 설정합니다.
   • text-decoration-color : #fff
     

4. text-decoration-thickness = 글자 라인의 굵기 속성을 설정합니다.
   • text-decoration-thickness : auto;
   • text-decoration-thickness : from-font;
   • text-decoration-thickness : 1px;
   • text-decoration-thickness : 1%;

참조

웹스토리