CSS Types

CSS Types

Editing

<'font-variant'>

데브딕에서 지정한 색인용 자료 타입

font-variant 속기 속성에 사용되는 타입이다.

구문

  • CSS Fonts Module Level 3
    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 ] ]
  • CSS Fonts Module Level 4
    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>을 확인하기 바란다.

사용되는 키워드

키워드요약
all-petite-caps

대문자 및 소문자 모두에 대해 작은 대문자 표시를 활성화한다.

all-small-caps

대문자 및 소문자 모두 작은 대문자 표시로 활성화한다.

normal

활성화된 값이 없다.

ordinal

첫째, 둘째, .. 표현과 같은 서수 번호와 함께 사용되는 문자 양식을 표시한다.

petite-caps

작은 대문자 표시를 활성화한다.

ruby

루비 변형 글리프 표시를 활성화한다. 루비 텍스트는 일반적으로 연결된 본문 텍스트보다 작기 때문에 글꼴 디자이너는 기본 글리프의 축소 버전보다 더 읽기 쉬운 루비와 함께 사용할 특수 글리프를 디자인할 수 있다. 글리프 선택만 영향을 받으며 관련 글꼴 크기 조정 또는 라인 레이아웃에 영향을 미치는 다른 변경 사항은 없다.

slashed-zero

슬래시가 들어간 숫자 0 표시를 활성화한다.

small-caps

작은 대문자 표시를 활성화한다. 글리프(glyphs) 타입의 폰트는  일반적으로 대문자 형태를 사용하지만 소문자 크기로 축소된다.

titling-caps

제목 대문자 표시를 활성화한다.

unicase

대문자에 대한 작은 대문자와 일반 소문자 혼합 표시를 활성화한다.

sub

아라비아 숫자 변형 표시를 활성화한다.

super

위첨자 변형 표시를 활성화한다.

none

어떠한 값도 설정하지 않음을 나타낸다.

사용되는 타입

버전 명세

Modules
Module NameStatusSummary
CSS Fonts Module Level 3권장

Last review date: 2022-6-18

CSS Fonts Module Level 4초안 작업

Last review date: 2022-6-18