Font-Weight

Font-Weight

개요 : 이 속성은 요소의 글꼴 두께를 두껍거나 얇게 지정한다. 일반적으로 글자를 강조하기 위해 사용한다.

대부분의 폰트는 normal 과 bold 2가지의 두께만 갖기 때문에, 100~500 의 수치는 normal 로 출력되고, 600~900 은 bold 로 출력된다.

대부분의 웹 브라우저는 HTML 요소 중에서 h1~6, strong, b의 font-weight 를 두껍게(bold) 출력하고 있다.

정의

font - weight
값	normal \| bold \| bolder \| lighter \| 100 \| 200 \| 300 \| 400 \| 500 \| 600 \| 700\| 800 \| 900 \| inherit
기본값	normal
적용대상	모든 요소
상속	됨
백분율	사용 불가
미디어	visual

값

값
100 ~ 900	100~900 까지 100의 배수를 지정한다. '100'은 가장 얇고, '900'은 가장 두껍다.
lighter	더욱 얇게 지정한다. '100'과 같으나 글꼴에 의존하므로, 보통 '400' 으로 표현된다.
normal	보통 두께를 지정한다. '400'과 같음
bold	두껍게 지정한다. '700' 과 같다
bolder	더욱 두껍게 지정한다. '900' 과 같으나 글꼴에 의존하므로, 보통'700'으로 표현된다.
inherit	부모 요소의 값을 상속하도록 지정한다.

-----------------------------------------------------------------------------------------------------------------------------------------

예제

View Source :

<style>
 span {font-weight: bold;;}
</style>
<body>
 <p>본문의 <span>일부 단어</span>를 두껍게 지정한다.</p>
</body>

Result :

---------------------------------------------------------------------------------------------------------------------------------------

View Source :

Result :

Pet2r