[ITWILL : WEB]TEXT속성

[ITWILL : WEB]TEXT속성

1. text속성

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

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

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




2. text-align

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

https://dribbble.com/shots/6521385-Text-Align-Justify




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.