Font 편집

Table of Contents (보이기↓)

edit

개요

이 속성은 요소의 글꼴과 관련된 다양한 속성을 한꺼번에 지정할 수 있는 단축 속성이다.

다른 속성은 생략할 수 있지만, font-size와 font-family는 반드시 지정해야 한다. 생략한 속성값은 해당 속성의 기본값을 따른다. (예: font-style: normal )

edit

정의

Font설명
값[ [ <font-style> || <font-variant> || <font-weight> ]? <font-size> [ / <line-height> ]? <font-family> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit
기본값개별 속성의 기본값 참조
적용대상모든 요소
상속됨
백분율font-size와 line-height에 가능
미디어visual

edit

값

값설명
<font-style>
<font-variant>
<font-weight>
<font-size>
<line-height>
<font-family>		각 속성값을 참조한다.
caption제목 글꼴으로 지정한다.
icon아이콘 라벨 글꼴으로 지정한다.
menu메뉴 글꼴으로 지정한다.
message-box대화 박스 글꼴으로 지정한다.
small-caption작은 제목 글꼴으로 지정한다.
status-bar상태바 글꼴으로 지정한다.
inherit부모 요소의 값을 상속하도록 지정한다.

caption, icon, menu, message-box, small-caption, status-bar은 시스템 글꼴을 참조한다.

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">
	p {font: normal bold 125%/1.5 "바탕", batang, sans-serif;}
</style>
</head>
<body>
	<p>글꼴을 두껍고, 크기는 125%에 행간은 1.5이며, "바탕"체로 지정합니다.</p>
</body>
</html>

edit

브라우저 호환성

값IE6?IE7?FF2?Op9?
(font-style)지원지원지원지원
(font-variant)지원지원지원지원
(font-weight)지원지원지원지원
(font-size)지원지원지원지원
(line-height)90%90%지원지원
(font-family)지원지원지원지원
caption지원지원지원지원
icon지원지원지원지원
menu지원지원지원지원
message-box지원지원지원지원
small-caption지원지원지원지원
status-bar지원지원지원지원
inherit미지원미지원지원지원

Wiki Trail: < font-stretch | 문서 목록 | line-height >

 
Be Friend~! Be Friend~!