css - 텍스트 관련 스타일 속성

1) color - 텍스트의 색상을 설정
body { color: red; }
body { color: rgb(255,0,0); }
body { color: #ff0000; }

2) letter-spacing - 글자 사이의 간격을 설정
div { letter-spacing: 10px; }

3) text-indent - 단락의 첫줄에 들여쓰기를 지정
div { text-indent: 30px; }

4) text-align - 텍스트의 수평방향 정렬
속성값 : left/ right/ center
div { text-align: center; }

5) text-decoration - 텍스트에 효과를 설정하거나 제거
속성값 : overline/ line-through/ underline/ none
div { text-decoration: underline; }

6) line-height - 텍스트의 줄간격을 설정
div { line-height: 1.5; }

7) text-transform - 영문자의 대소문자 설정
속성값 : uppercase/ lowercase/ capitalize

8) text-shadow - 텍스트에 그림자 효과를 설정
속성값: x-offset y-offset blur color
ex) h3{ text-shadow: 5px 5px 5px red; }

9) font-family - 글꼴을 설정
serif : 삐침이 있는 서체(명조체)
sans-serif : 삐침이 없는 서체(고딕체)
ex) div{ font-family: "나눔 고딕", "맑은 고딕", serif; }

10) font-style - 글자에 이택릭체를 사용하기를 설정
속성값: normal/ italic/ oblique
div { font-style: italic; }

11) font-weight - 텍스트를 얼마나 두껍게 표현할지를 설정
속성값: lighter/ normal/ bold/ bolder
100,200,300,....,900

12) font-size - 텍스트의 크기를 설정
ex) h2 { font-size: 26px; }