font-variant-numeric상속 가능애니메이션 허용

사용 가능한 값 타입

• CSS Fonts Module Level 4

  normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]

  Example

포함된 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.

• <numeric-figure-values>

  숫자 표시 방법에 대한 값을 나타낸다.

  • CSS Fonts Module Level 3

    [ lining-nums | oldstyle-nums ]

  Details

  사용되는 키워드

  • lining-nums

    내부의 숫자 표시를 활성화한다.

  • oldstyle-nums

    구식 숫자 표시를 활성화한다.

• <numeric-fraction-values>

  분수(fraction) 표시 방법에 대한 값을 나타낸다.

  • CSS Fonts Module Level 3

    [ diagonal-fractions | stacked-fractions ]

  Details

  사용되는 키워드

  • diagonal-fractions

    안쪽 대각선 분수 표시를 활성화한다.

  • stacked-fractions

    안쪽에 누적 분수 표시를 활성화한다.

• <numeric-spacing-values>

  숫자가 표시되는 공간를 제어하는 값을 나타낸다.

  • CSS Fonts Module Level 3

    [ proportional-nums | tabular-nums ]

  Details

  사용되는 키워드

  • proportional-nums

    비례 숫자 표시를 활성화한다. 각 숫자가 차지하는 공간을 가지며 표시된다. OpenType의 pnum에 해당한다.

  • tabular-nums

    표 형식의 숫자 표시를 활성화한다. 숫자의 비례 및 간격을 동일하게 하여 숫자를 비교하기 쉽게 한다. OpenType의 tnum에 해당한다.

사용되는 키워드

• normal

  활성화된 값이 없다.

• ordinal

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

• slashed-zero

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