다음을 통해 공유


font

개체의 개별 글꼴 속성 조합을 설정합니다. 또는 6개 사용자 기본 설정 글꼴 중 하나 이상을 설정합니다.

구문

{ font: sFont }

가능한 값

sFont

공백으로 분리된 최대 6개의 다음 속성 값을 지정하거나 6개의 나열된 텍스트 글꼴을 설정하는 문자열:

font-style

font-style 속성에 사용할 수 있는 글꼴 스타일 값의 범위

font-variant

font-variant 속성에 사용할 수 있는 글꼴 변형 값의 범위

font-weight

font-weight 속성에 사용할 수 있는 글꼴 두께 값의 범위

font-size

font-size 속성에 사용할 수 있는 글꼴 크기 값의 범위. 이 값이 퍼센트 부호(%)가 뒤에 오는 정수일 경우 값은 부모 개체 글꼴 크기의 백분율입니다.

line-height

line-height 속성에 사용할 수 있는 줄 높이 값의 범위. 줄 높이 백분율 값은 부모가 아닌 요소 자체 글꼴 크기의 백분율로 계산됩니다.

font-family

font-family 속성에 사용할 수 있는 글꼴 패밀리 값의 범위 이 속성을 쉼표로 구분된 여러 값으로 설정할 수 있습니다. 기본값은 사용자 설정에 따라 달라집니다.

이 속성의 기본값은 normal normal normal medium normal "Times New Roman" 이며 상속됩니다.

설명

이 속성은 최대 6개의 글꼴 값을 지정하는 복합 속성입니다. 글꼴 크기 앞에 글꼴 스타일, 글꼴 변형 및 글꼴 두께 값이 순서에 상관 없이 나타날 수 있습니다. 그러나, 글꼴 크기, 줄 높이 및 글꼴 패밀리 속성은 나열된 순서대로 나타나야 합니다. 또한 font 속성을 설정하면 구성 요소 속성이 설정됩니다. 이런 경우, 문자열은 구성 요소 속성에 대해 유효한 값의 조합이어야 하고 font-family 값만 두 개 이상의 값을 가질 수 있습니다. 문자열에 구성 요소 속성의 값이 포함되지 않으면 해당 구성 요소 속성에 대한 이전 설정에 상관 없이 해당 속성은 기본값으로 설정됩니다.

다음 예에서는 font 속성을 사용하여 글꼴 특성을 변경합니다. 이 예에서는 인라인 스타일시트를 사용하여 글꼴 특성을 설정합니다.

<span style="font:italic normal bolder 12pt Arial"> 
  Note 
</span>

표준 정보

이 속성은 Cascading Style Sheets (CSS), Level 1 (CSS1)(CSS, 수준 1(CSS 1)) Ee371240.xtlink_newWindow(ko-kr,Expression.40).png에 정의되어 있습니다.

적용 대상

a, address, b, big, blockquote, body, button, caption, center, cite, code, col, colgroup, custom, dd, defaults, dfn, div, dl, dt, em, fieldset, form, hn, html, i, img, input type=button, input type=checkbox, input type=file, input type=image, input type=password, input type=radio, input type=reset, input type=submit, input type=text, li, ol, p, s, select, span, sub, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var, xmp

참조 항목

개념

font-style
font-variant
font-weight
font-size
line-height
font-family