[ITWILL : WEB]TEXT속성

💡 핵심 요약 (TL;DR)

TEXT속성의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. text-decoration | 링크속성에서 밑줄없앨때 사용을 적용할 수 있다.

1. text속성

속성은 크게 두가지 그룹이 있다

• font
• text

그 중 텍스트속성에 알아보면 아래와 같다.

text 속성종류	특징
text-align	글자 정렬
text-decoration	링크속성에서 밑줄없앨때 사용
text-indent	글자 들여쓰기
text-transform	영문글자의 대소문자 지정
text-shadow	글자 그림자효과

2. text-align

• text-align: justy : 웹에서 많이 쓰지않지만 양끝정렬이다. 내용텍스트가 많아야 효과가 있다.

3. text-decoration 글자의 여러 줄들

• active : 꾸욱 누르고있을때 나타낼수있는 속성
• 보통 두개를 같이 사용, 순서바뀌면 안됨 -> a:link, a:visited
• 보통 두개를 같이 사용, 순서바뀌면 안됨 -> a:hover, a:active

See the Pen WNrmZgV by sowon-dev (@gracehopperdev) on CodePen.

4. text-indent 글자들여쓰기와 text-transform 영문 글자의 대소문자 지정

See the Pen oNbVGap by sowon-dev (@gracehopperdev) on CodePen.

#TILHTML&CSSITWILL(JAVA)