Font

Font

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

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

(예: font-style: normal )

정의

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

값

값	설명
<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은 시스템 글꼴을 참조한다.

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

예제

View Source :

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

Result :

Pet2r