css властивість font-variant


Властивість font-variant - це універсальна властивість для набору властивостей, які забезпечують контроль стилістичних функцій шрифтів.

Властивість `font-variant`

У CSS1 та CSS2 ціль властивості font-variant полягала лише в тому, щоб визначити вигляд малих літер. У CSS3, хоча вона як і раніше дозволяє вказати всі малі букви прописними, вона була розширена, щоб бути універсальною властивістю для наступних властивостей:

  • font-variant-alternates
  • font-variant-caps
  • font-variant-east-asian
  • font-variant-ligatures
  • font-variant-numeric

Таким чином, у CSS3 властивість font-variant дозволяє вказати, які функції шрифту ввімкнути та як вони повинні працювати. Більшість сучасних шрифтів підтримують різні функції, які змінюють спосіб їх перегляду у певних випадках. Наприклад, ви можете зробити нестандартними цифри на сторінці, контролювати заміщення гліфів і розмір в східно-азіатському тексті тощо.

Не всі функції шрифту обов'язково будуть доступні для вас весь час. Деякі функції шрифту застосовуються лише до певних мовних сценаріїв або до певних мов або в певних режимах запису. Властивість font-variant дозволяє вам вмикати та / або керувати певними функціями, коли це потрібно.

Синтаксис

font-variant: normal|small-caps|initial|inherit;

Властивість font-variant може отримувати 6 значень:

normal

Без змін. Без задання.

<common-lig-values>, <discretionary-lig-values>, <historical-lig-values>, <contextual-alt-values>

Визначає ключові слова, пов'язані з властивістю font-variant-ligatures. Можливими значеннями є: common-ligatures, no-common-ligatures, discretionary-ligatures, no-discretionary-ligatures, historical-ligatures, no-historical-ligatures, contextual, і no-contextual.

stylistic(), historical-forms, styleset(), character-variant(), swash(), ornaments(), annotation()

Визначає ключові слова, пов'язані з властивістю font-variant-alternates.

small-caps, all-small-caps, petite-caps, all-petite-caps, unicase, titling-caps

Визначає ключові слова, пов'язані з властивістю font-variant-caps.

<numeric-figure-values>, <numeric-spacing-values>, <numeric-fraction-values>, ordinal, slashed-zero

Визначає ключові слова, пов'язані з властивістю font-variant-numeric. Можливими значеннями є:lining-nums, oldstyle-nums, proportional-nums, tabular-nums, diagonal-fractions, stacked-fractions, ordinal, i slashed-zero.

<east-asian-variant-values>, <east-asian-width-values>, ruby

Визначає ключові слова, пов'язані з властивістю font-variant-east-asian. Можливими значеннями є:jis78, jis83, jis90, jis04, simplified, traditional, full-width, proportional-width, ruby.

Значення без задання: normal
Наслідує: Так
Анімується: Ні
JavaScript синтаксис: object.style.fontVariant="small-caps"

Переглядачі

Переглядач
font-variant

1.0

4.0

1.0

1.0

3.5

12.0

Переглядач
font-variant

1.0

1.0

1.0


Мобільних переглядачів ще не додано.

Приклади


Значення у дії

Приклад використання

Синтаксис використання

font-variant: small-caps;


font-variant: common-ligatures small-caps;





font-variant: inherit;


font-variant: initial;


font-variant: unset;

Додаткові посилання