font-variant-numeric
====================

Summary
-------

Свойство CSS **`font-variant-numeric`** управляет использованием альтернативных начертаний для цифр, дробей и порядковых числительных.

|  |  |
| --- | --- |
| Начальное значение | `normal` |
| Применяется к | all elements and text. Это также применяется к `::first-letter` и `::first-line`. |
| Наследуется | да |
| Обработка значения | как указано |
| Animation type | discrete |

Syntax
------

Formal syntax (en-US): 
```

font-variant-numeric =   
  normal                                              | (en-US)  
  [ (en-US) <numeric-figure-values> || (en-US) <numeric-spacing-values> || (en-US) <numeric-fraction-values> || (en-US) ordinal || (en-US) slashed-zero ] (en-US)    
  
<numeric-figure-values> =   
  lining-nums    | (en-US)  
  oldstyle-nums    
  
<numeric-spacing-values> =   
  proportional-nums  | (en-US)  
  tabular-nums         
  
<numeric-fraction-values> =   
  diagonal-fractions  | (en-US)  
  stacked-fractions     
  
```



```css
font-variant-numeric: normal
font-variant-numeric: ordinal
font-variant-numeric: slashed-zero
font-variant-numeric: lining-nums         /\* <numeric-figure-values> \*/
font-variant-numeric: oldstyle-nums       /\* <numeric-figure-values> \*/
font-variant-numeric: proportional-nums   /\* <numeric-spacing-values> \*/
font-variant-numeric: tabular-nums        /\* <numeric-spacing-values> \*/
font-variant-numeric: diagonal-fractions  /\* <numeric-fraction-values> \*/
font-variant-numeric: stacked-fractions   /\* <numeric-fraction-values> \*/
font-variant-numeric: oldstyle-nums stacked-fractions

font-variant-numeric: initial
font-variant-numeric: inherit
font-variant-numeric: unset
```

### Values

`normal`

Это ключевое слово отключает все альтернативные начертания.

`ordinal`

Это ключевое слово включает специальные глифы для порядковых числительных, например, 1st, 2nd, 3rd, 4th в английском или 1a в итальянском (в русском такие типографские изыски не приняты, пишут просто «1-й»). Это соответствует значению OpenType `ordn`.

`slashed-zero`

Это ключевое слово включает перечёркнутый ноль; это полезно, когда нужно чёткое различие между буквой O и цифрой 0. Это соответствует значению OpenType `zero`.

*<numeric-figure-values*>

Эти значения управляют тем, какими знаками будут отображаться цифры. Возможны два значения:

* `lining-nums` включает маюскульные («заглавные») цифры, стоящие на опорной линии текста. Это соответствует значению OpenType `lnum`.
* `oldstyle-nums` включает минускульные («строчные») цифры, в которых некоторые знаки (3, 4, 7, 9) уходят нижним краем под опорную линию (в русской типографике не принято, зато широко используется в западной, в основном в шрифтах с засечками). Это соответствует значению OpenType `onum`.

*<numeric-spacing-values*>

Эти значения управляют горизонтальным размером цифр. Возможны два значения:

* `proportional-nums` включает цифры разной ширины. Это соответствует значению OpenType `pnum`.
* `tabular-nums` включает цифры одинаковой ширины, которые легко выравниваются, как в таблицах. Это соответствуют значению OpenType `tnum`.

*<numeric-fraction-values*>

Эти значения управляют отображением дробей. Возможны два значения:

* `diagonal-fractions` включает символы дробей, в которых числитель и знаменатель уменьшены и разделены косой чертой. Это соответствует значению OpenType `frac`.
* `stacked-fractions` включает символы дробей, где числитель и знаменатель уменьшены, поставлены друг над другом и разделены горизонтальной чертой. Это соответствует значению OpenType `afrc`.

Examples
--------


```css
p {
  font-variant-numeric: ordinal;
}
```

Specifications
--------------

| Specification |
| --- |
| CSS Fonts Module Level 4 # font-variant-numeric-prop |

Совместимость с браузерами
--------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

See also
--------

* `font-variant` (en-US), `font-kerning` (en-US), `font-variant-east-asian` (en-US), `font-variant-caps` (en-US), `font-variant-ligatures`, `font-variant-position` (en-US), `font-variant-alternates` (en-US), `font-synthesis` (en-US).