font-size, font-style등 폰트 스타일

<font-family>
폰트 종류를 고를수 있다.

gothic

<font-size>

자바스크립트에서는 fontSize로 접근한다.

웹페이지 사용자의 개인 설정에 따라 상대적으로 결정하려면 em이나 pt단위를 사용하고,

사용자 개인 설정과 상관없이 일정한 크기를 유지하려면 px를 사용한다.

즉, em과 pt는 상대적 단위이고 px는 절대적 단위이다.

 

자바스크립트에서는 x-small, small, medium, large, x-large, xx-large와 같이 미리 정의된 크기를 사용할수 있고 이전 폰트와는 상대적 크기를 나타내는 smaller, larger을 사용할 수도 있다.

 

<font-stretch>

자바스크립트에서는 fontStretch로 접근한다.

폰트의 장평을 지정한다.

normal, wider, narrower, ultra-condensed, extra-condensed, condensed, semi-condensed, semi-expanded, expanded, ultra-expanded, extra-expanded

 

<font-style>

자바스크립트에서는 fontStyle로 접근한다.

폰트에 간단한 효과를 주는 것으로 normal, italic, oblique

 

<font-variant>

자바스크립트에서는 fontVariant로 접근한다.

글씨를 작은 대문자로 표기하고 싶으면 small-caps를 사용한다.

 

<font-weight>

자바스크립트에서는 fontWeight로 접근한다.

폰트의 굵기 지정.

normal, bold, bolder, lighter 또는 100,200....

 

<line-height>

줄간격 지정. normal 또는 값

 

<text-decoration>

none, underline, overline, line-through.

blink는 사용할수는 있지만 사용하지 않는것이 좋다(왜??)

 

<text-indent>

들여쓰기 지정

 

<text-transform>

none, capitalize(모든 단어의 첫 글자를 대문자로), uppercase, lowercase

 

<white-space>

normal, pre, nowrap

 

<direction>

ltr(왼쪽에서 오른쪽), rtl(오른쪽에서 왼쪽)

 

<text-align>

텍스트 정렬 방식 지정

left, right, center, justify

 

<word-spacing>

단어사이의 간격 지정

normal 또는 값