Posted
Filed under Htm&Javascript

[원문] : http://perfdrug.tistory.com/71

[링크 1] :
http://mwultong.blogspot.com/2006/11/html-css-css-font.html


[링크 2]: 장평 / 자간
http://blog.naver.com/PostView.nhn?blogId=zcmmp&logNo=20034271631


- 괄호안은 자바스크립트에서 접근할때 쓰는 프로퍼티. 대부분 하이픈 다음의 글자는 대문자로 바꾸면 된다.

++ 폰트 관련 ++
1. font-family (fontFamily)
   - 폰트의 종류를 지정

2. font-size (fontSize)
   - 폰트의 크기를 지정
   - 상대적 크기를 결정하려면 em, pt 사용, 절대적 크기는 px 사용
   - 이전 폰트와의 상대적 크기는 지정할때는 smaller, larger 사용

3. font-size-adjust (fontSizeAdjust)
   - 영문 소문자 x의 높이와 font-size 지정된 높의 비율을 지정, 거의 사용 안함.

4. font-stretch (fontStretch)
   - 폰트의 장평을 지정
   - 사용할 수 있는  값 : noraml, wider, narrower, ultra-condensed, extra-condensed,
                                  condensed, semi-condensed, semi-expanded, expanded,
                                  ultra-expanded, extra-expanded

5. font-style (fontStyle)
   - 폰트에 간단한 효과를 줌.
   - normal, italic, oblique

6. font-variant (fontVariant)
   - 글씨를 작은 대문자로 표기하고 싶을때 small-caps 사용

7. font-weight
   - 폰트의 굵기를 성정
   - noraml, bold, bolder, lighter 또는 100, 200,300, 400 .. 900 까지

++ 텍스트 관련 ++
1. color
   - 색상 지정

2. line-height (lineHeight)
   -  줄 간견( 윗 줄과 아랫 줄의 간격) 지정
   - 폰트 크기 지정하는 방법과 같음

3. text-decoration (textDecoration)
   - 텍스트를 꾸밈 : none, underline, overline, line-through

4. text-indent
   - 들여쓰기 지정

5. text-transform (textTransform)
   - 대문자 소문자 지정
   - capitalize(모든 단어의 첫글자를 대문자로), uppercase, lowercase

6. white-space
   - noraml, pre, nowrap 중 하나로 지정

7. direction
   - ltr(왼쪽에서 오른쪽), rtl(오른쪽에서 왼쪽) 중 하나 지정

8. text-align (textAlign)
   - 정렬방식 지정

9. word-spacing (wordSpacing)
   - 단어 사이의 간격 지정

2012/01/16 18:05 2012/01/16 18:05