글자에 관한 스타일 속성과 속성값

[삐돌이]

[ Font 관련 스타일]

- font "값들만“ : 대표속성

- font-family : 글꼴, 글꼴 이름은 쉼표(,)로 구분, 글꼴 이름이 두 단어 이상이면 큰 따옴표로 묶는다. 브라우저는 앞에 있는 글꼴 부터 보여준다.

- font-style "normal, italic, oblique" : 기울임꼴을 적용

- font-variant "normal, small-caps" :

small-caps 크기가 작은 대문자

- font-weight "normal, bold, 100～900" : 글자 굵기

normal=400, bold=700, 숫자는 인식 못하는 경우 있음

- font-size "숫자em(상위 element 크기에 배수), 숫자pt" : 글자 크기 유전되지 않음

[Text 관련 스타일]

- line-height "normal, 숫자, 숫자em, %“ : 줄간격

- text-indent "숫자em, 퍼센트, 숫자“ : 들여쓰기, 음수사용시 내어쓰기

- text-align "left, right, center, justify" : 텍스트나 이미지 수평정렬

- text-decoration “none, underline, overline, line-through" : 줄 긋기 유전되지 않음

- letter-spacing "normal, 숫자em, 숫자“ : 글자 간격

- text-transform "capitalize, uppercase, lowercase, none" : 영문자 변환 첫글자만 대문자 소문자

․ vertical-align "baseline, sup, sub, middle, text-top, - top, text-bottom, bottom" :텍스트나 이미지 수직정렬