Font-weight 편집

Table of Contents (보이기↓)

edit

개요

이 속성은 요소의 글꼴 두께를 두껍거나 얇게 지정한다.

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

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

edit

정의

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

edit

값

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

edit

예제

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
	span {font-weight: bold;;}
</style>
</head>
<body>
	<p>본문의 <span>일부 단어</span>를 두껍게 지정한다.</p>
</body>
</html>

edit

브라우저 호환성

값IE6?IE7?FF2?Op9?
normal지원지원지원지원
bold지원지원지원지원
bolder지원지원지원지원
lighter지원지원지원지원
100지원지원지원지원
200지원지원지원지원
300지원지원지원지원
400지원지원지원지원
500지원지원지원지원
600지원지원지원지원
700지원지원지원지원
800지원지원지원지원
900지원지원지원지원
inherit미지원미지원지원지원

Wiki Trail: < font-family | 문서 목록 | font-size >

 
Be Friend~! Be Friend~!