font-style

글자를 기울일 때 사용할 수 있다.

italic

oblique

italic이 '기울여서 쓴' 서체라면

oblique는 본래 서체를 기울여놓은 것이다.

서체마다 둘 다 있거나 한 쪽만 있거나 둘 다 없을 수도 있는데

이들은 한쪽이 없을 시 상호 교차되어 사용된다.

• normal italic oblique

font-weight

글자의 굵기를 조절한다.

서체가 어떤 굵기를 지원하느냐에 따라 normal과 bold 중 선택하거나

100~900 사이 100 단위의 수치를 사용한다.

• normal bold 100~900

font-size

말 그대로 글자의 크기를 지정한다.

px는 절대값으로서 픽셀 단위.

*100%*는 1em으로, 이들은 부모 요소와의 상대적 크기를 나타낸다.

rem은 html 요소와의 상대적 크기를 가지므로, 요소의 중첩에 영향을 받지 않는다.

pt는 1인치/72로, 프린트할 컨텐츠에 사용된다.

• px % em rem pt

text-decoration

밑줄, 취소선, 물결선 등으로 글을 꾸민다.

• overline underline none line-through
• wavy dotted dashed
  • wavy underline tomato
  • dotted underline overline #008000 4px
  • dashed line-through deeppink 2px
• 중복 사용 가능

text-transform

알파벳의 대소문자 표시에 사용된다.

• none capitalize uppercase lowercase

모르는 값을 서버로부터 입력받을 때 주로 사용.

text-shadow

텍스트에 그림자를 줄 수 있다.

'x좌표, y좌표, 흐림(선택), 색' 형식으로 그림자를 넣을 수 있고

쉼표로 구분해서 여럿을 넣을 수도 있다.

크롬 계열 브라우저의 개발자 도구를 사용하면 손쉽게 값을 조정할 수 있다.