font Property


Home > Document > CSS > Font > font

font Property

font Property는 앞에 나왔던 font-style, font-variant, font-weight, font-size, line-height, font-family 등을 한꺼번에 지정할 수 있는 단축형(Shorthand) Property 입니다. 뒤에도 이런 단축형 Property 가 몇 개 있는데 처음 접해 보는 것 입니다.

  [표 보는 방법]
font Property
Value [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar | Inherit
Initial see individual properties (각각의 font 관련 Property 참조)
Applies to all elements
Inherited yes
Percentages allowed on 'font-size' and 'line-height'
Media Visual
HTML Syntax { font: sFont }
Scripting object.style.font [ = sFont ]


Value

사용 방법은 반드시 순서대로 [font-style, font-variant, font-weight] 중에 1 ~ 3개를 선택적으로 사용하고, font-size와 line-height 를 같이 지정하려면 두 Property 사이를 ' / ' 로 구분하여 font-size/line-height와 같이 지정하고 그 다음 font-family 순서로 지정합니다. 이 순서를 지키지 않으면 순서가 틀린 Property 이후의 Property는 무시합니다. 다음 몇 가지 예를 보시져.

font Property 사용 예
{ font : bold 12px/1.3em Verdana } /*bold체 12px 글씨 크기에 행 간격 1.3em 글꼴 Verdana*/

{ font : italic 12px Tahoma } /*기울임체 12px 글씨 크기, 글꼴 Tahoma*/

{ font : italic small-caps bold 12px/1.3em Arial} /*Full option*/

{ font : 12px/1.5em bold sans-serif } /*bold가 순서에 맞지 않아서 이후의 sans-serif 글꼴은 무시*/


System fonts

System font 란 Windows 응용프로그램(Explorer 같은)에서 사용되는 폰트를 말합니다. 예를 들어 상태 표시줄에 사용되는 font, 대화상자에 사용되는 글씨 등을 문서의 font 로 지정 할 수 있습니다. 바탕화면에서 우클릭하여 등록정보 / 화면배색 Tab을 보면 메세지 상자, 아이콘 등을 보면 글씨체와 글씨 크기 등을 조정할 수 있는데, 바로 이런 글씨체들을 font 로 지정할 수 있다는 뜻입니다. 이렇게 해서 지정된 글씨체는 font family, size, weight, style 등이 동시에 지정 됩니다. 다음은 System font 들 입니다.

caption (제목 단추)
The font used for captioned controls (e.g., buttons, drop-downs, etc.).


icon (icon 제목 글씨)
The font used to label icons.


menu (메뉴 글씨 : 브라우저의 '파일', '편집' 등의 글씨)
The font used in menus (e.g., dropdown menus and menu lists).


message-box(대화 상자 내용과 단추, 그리고 브라우저 '주소 입력란' 등의 글씨)
The font used in dialog boxes.


small-caption (잘 모르겠음... 누가 좀 알려주오! 도구 모음 제목 표시줄)
The font used for labeling small controls.


status-bar (상태 표시줄 글씨)
The font used in window status bars.







이 문서의 저작권은 www.cadvance.org 에 있습니다.

Top
Back
New
검색