[원문] : 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)
- 단어 사이의 간격 지정
- Posted
- Filed under Htm&Javascript