Font-size 편집

Table of Contents (보이기↓)

edit

개요

이 속성은 요소의 글꼴 크기를 지정한다. 절대 크기, 상대 크기, 백분율으로 크기를 지정할 수 있으나, 브라우저는 px로 크기를 계산하여 출력한다.

edit

정의

Font-size설명
값<absolute-size> | <relative-size> | <길이> | <백분율> | inherit
기본값medium
적용대상모든 요소
상속됨
백분율부모 요소의 글꼴 크기 참조
미디어visual

edit

값

값설명
<절대 크기>xx-small, x-small, small, medium, large, x-large, xx-large를 지정한다.
<상대 크기>larger, smaller를 지정한다.
<길이>길이를 지정한다. 음수는 지정할 수 없다.
<백분율>백분율(%) 값을 지정한다. 부모 요소를 기준으로 계산된다.
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-size: 2em;}
</style>
</head>
<body>
	<p>본문의 일부 단어를 <span>정상 크기의 2배</span>로 지정합니다.</p>
</body>
</html>

edit

브라우저 호환성

값IE6?IE7?FF2?Op9?
(Length)지원지원지원지원
(Percentage)지원지원지원지원
xx-small지원지원지원지원
x-small지원지원지원지원
small지원지원지원지원
medium지원지원지원지원
large지원지원지원지원
x-large지원지원지원지원
xx-large지원지원지원지원
larger지원지원지원지원
smaller지원지원지원지원
inherit미지원미지원지원지원

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

 
Be Friend~! Be Friend~!