font-weight
글꼴의 굵기를 설정하는 속성
1. font-weight의 정의
|
설명 |
값 |
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit |
초기값 |
normal |
적용 |
모든 요소 |
상속 |
가능 |
백분율 |
사용 불가능 |
미디어 |
visible |
2. 값 설명
값 |
범위 |
설명 |
100 - 900 |
|
수치가 높을수록 굵은 글꼴 |
normal |
|
400과 같음 |
bold |
|
700과 같음 |
bolder |
|
'900'과 같으나 글꼴에 의존하므로, 보통 '700'으로 표현된다 |
lighter |
|
'100'과 같으나 글꼴에 의존하므로, 보통 '400'으로 표현된다. |
inherit |
|
부모 요소의 값을 상속하도록 지정 |
3. 예제
P { font-weight: normal } /* 400 */
H1 { font-weight: 700 } /* bold */
BODY { font-weight: 400 }
STRONG { font-weight: bolder } /* 유용하면 500 */
'은비냥's Development > 。CSS' 카테고리의 다른 글
[CSS] 마우스 포인터 모양 (0) | 2013.05.13 |
---|---|
font-family (0) | 2013.01.09 |
[반응형 웹] - CSS3 @media 쿼리를 이용 스크린 크기 대응.(2) (0) | 2013.01.09 |
[반응형 웹] - CSS3 @media 쿼리를 이용 스크린 크기 대응.(1) (0) | 2013.01.09 |
HTML - 색상 코드 표 (0) | 2011.12.24 |