| 1) font-family |
|
font-family속성에는 하나의 특정 글꼴 또는 쉼표로 구분된 글꼴 목록을
지정할 수 있다.
공백이 있는 글꼴명은 반드시 따옴표로 둘러싸야 한다.
속성값:family name, generic family
name
h1{font-family:굴림, Arial, "Time New
Roman"} |
| 2)
font-style |
|
글자의 스타일을 지정해준다.
속성값:normal ｜italic｜oblique
normal: 일반글꼴
italic: 이탤릭
oblique:
기울임
h1{font-style:italic} |
| 3)
font-variant |
|
font를 작은 대문자로 지정할 수 있게 한다.
속성값: normal ｜ small-caps
h1{font-variant:small-caps} |
| 4)
font-weight |
font-weight는 글꼴의 굵기를 지정하는
속성이다. 글꼴의 굵기는 기술적인 용어(normal, bold, bolder, lighter)로 지정하거나
아래의 아홉가지 값 중 하나로 설정할 수 있다.
브라우저마다 달라 일관성이 없다. bold정도가 쓰인다.
속성값:normal｜bold｜bolder｜lighter｜100｜200｜300｜400｜500｜600｜700｜800｜900
h1{font-weight:bold} |
| 5)
font-size |
|
글자의 크기를 지정해주는 것이다.
속성값: absolute size(절대크기) ｜relative
size(상대크기)｜length(길이 크기)｜percentage(퍼센트
크기)
- 절대 크기:
xx-small｜x-small｜small｜medium｜large｜x-large｜xx-large
예)H1{ font-size:x-large }
- 상대크기: larger｜smaller
예)H1{font-size:larger}
- 길이크기:숫자 +em ｜ex｜px｜pc｜mm｜cm｜in
예)H1{font-size:24pt}
- 퍼센트 크기:n%
예)H1{font-size:125%} |
| 6) font |
|
font속성은 하나의 규칙으로 글꼴과 관련된 모든 속성을 지정할 수 있는 속성이다.
속성값은 공백 문자로 구분한다.
속성값: font-style｜font-variant｜font-weight｜font-size｜line-height｜font-family
h1{font:oblique bolder 18pt
Helvetica,sans-serif}
속성의 경우 지정하려는 값이 표시되는 순서가 반드시 다음과 같은순서로 표시되어야
한다. (모든 값을 다 사용할 필요는 없다)
{ font: weight style variant
size/line-height font-name(s) } |
| 7)
color |
|
텍스트의 색상을 지정하기 위해 사용
속성값: 색상이름｜RGB색상값
H1{color:#0000ff}
<이전
목록
다음> |
