font-variant
하위의 모든 속성(font-variant-*
)을 속기로 설정할 수 있다.
normal
값은 font-variant
의 모든 하위 속성을 초기 값으로 재설정한다. none
은 font-variant-ligatures
를 none
으로 설정하고 다른 모든 글꼴 기능 속성을 초기 값으로 재설정한다. 다른 속기 속성처럼 font-variant
속성을 사용하면 지정되지 않은 font-variant
하위 속성이 초기 값으로 재설정된다.
font-language
, font-feature-settings
, font-variation-settings
속성 값은 재설정되지 않는다.
normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero || <east-asian-variant-values> || <east-asian-width-values> || ruby || [ sub | super ] ]
normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || <font-variant-notation> || <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero || <east-asian-variant-values> || <east-asian-width-values> || ruby || [ sub | super ] ]
CSS Fonts Module Level 4 사양에서는 기존 CSS Fonts Module Level 3에 몇 가지 항목들이 추가되었다. 아래의 하위 타입인 <font-variant-notation>
을 확인하기 바란다.
아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.
[ stylistic(<feature-value-name>) || historical-forms || styleset(<feature-value-name>#) || character-variant(<feature-value-name>#) || swash(<feature-value-name>) || ornaments(<feature-value-name>) || annotation(<feature-value-name>) ]
기록 양식 표시를 활성화한다.(OpenType 기능(feature): hist)
모든 함수를 표시하지 않을 수도 있다.
글꼴의 공통 합자 표시를 활성 또는 비활성한 키워드를 나타낸다.
[ common-ligatures | no-common-ligatures ]
일반 합자를 표시할 수 있다. (OpenType feature: liga
, clig
)
일반 합자의 표시를 비활성화한다.
문맥 대체 표시를 활성 또는 비활성한 값을 나타낸다.
[ contextual | no-contextual ]
컨텍스트 대체 표시를 활성화한다.
컨텍스트 대체 표시를 비활성화한다.
임의 합자를 표시하거나 표시하지 않는 값을 나타낸다.
[ discretionary-ligatures | no-discretionary-ligatures ]
임의 합자의 표시를 활성화한다.(OpenType feature: dlig
)
임의 합자의 표시를 비활성화한다.
동아시아 텍스트에서 글리프(glyph)의 렌더링을 제어하는 키워드를 나타낸다.
[ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]
JIS2004 형식의 렌더링을 활성화한다.
JIS78 형식의 렌더링을 활성화한다.
JIS83 형식의 렌더링을 활성화한다.
JIS90 형식의 렌더링을 활성화한다.
단순화된 형식의 렌더링을 활성화한다.
기존 형식의 렌더링을 활성화한다.
동아시아 텍스트에서 글리프(glyph)의 크기 조정을 제어하는 키워드를 나타낸다.
[ full-width | proportional-width ]
전체 너비 변형의 렌더링을 활성화한다.
비례 간격 변형의 렌더링을 활성화한다.
기록 합자 표시를 활성하거나 비활성한 값을 나타낸다.
[ historical-ligatures | no-historical-ligatures ]
기록 합자를 표시할 수 있다. (OpenType feature: hlig
)
기록 합자의 표시를 비활성화한다.
숫자 표시 방법에 대한 값을 나타낸다.
[ lining-nums | oldstyle-nums ]
내부의 숫자 표시를 활성화한다.
구식 숫자 표시를 활성화한다.
분수(fraction) 표시 방법에 대한 값을 나타낸다.
[ diagonal-fractions | stacked-fractions ]
안쪽 대각선 분수 표시를 활성화한다.
안쪽에 누적 분수 표시를 활성화한다.
숫자가 표시되는 공간를 제어하는 값을 나타낸다.
[ proportional-nums | tabular-nums ]
비례 숫자 표시를 활성화한다. 각 숫자가 차지하는 공간을 가지며 표시된다. OpenType의 pnum에 해당한다.
표 형식의 숫자 표시를 활성화한다. 숫자의 비례 및 간격을 동일하게 하여 숫자를 비교하기 쉽게 한다. OpenType의 tnum에 해당한다.
대문자 및 소문자 모두에 대해 작은 대문자 표시를 활성화한다.
대문자 및 소문자 모두 작은 대문자 표시로 활성화한다.
활성화된 값이 없다.
첫째, 둘째, .. 표현과 같은 서수 번호와 함께 사용되는 문자 양식을 표시한다.
작은 대문자 표시를 활성화한다.
루비 변형 글리프 표시를 활성화한다. 루비 텍스트는 일반적으로 연결된 본문 텍스트보다 작기 때문에 글꼴 디자이너는 기본 글리프의 축소 버전보다 더 읽기 쉬운 루비와 함께 사용할 특수 글리프를 디자인할 수 있다. 글리프 선택만 영향을 받으며 관련 글꼴 크기 조정 또는 라인 레이아웃에 영향을 미치는 다른 변경 사항은 없다.
슬래시가 들어간 숫자 0
표시를 활성화한다.
작은 대문자 표시를 활성화한다. 글리프(glyphs) 타입의 폰트는 일반적으로 대문자 형태를 사용하지만 소문자 크기로 축소된다.
제목 대문자 표시를 활성화한다.
대문자에 대한 작은 대문자와 일반 소문자 혼합 표시를 활성화한다.
아라비아 숫자 변형 표시를 활성화한다.
위첨자 변형 표시를 활성화한다.
다음 키워드는 속성에 따라 다른 의미를 가질 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.
어떠한 값도 설정하지 않음을 나타낸다.
다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.
활성화된 값이 없다.
정상적인 글꼴로 출력한다. 모든 하위 속성을 초기 값으로 재설정한다.
font-variant-ligatures
를 none
으로 설정하고 다른 모든 글꼴 기능 속성을 초기 값으로 재설정한다.
font-variant: small-caps;
object.style.fontVariant = "small-cap";
Modules | ||
---|---|---|
Module Name | Status | Summary |
CSS Fonts Module Level 3 | 권장 | Last review date: 2022-6-18 |
CSS Fonts Module Level 4 | 초안 작업 | Last review date: 2022-6-18 |