css властивість font-variant
Властивість font-variant - це універсальна властивість для набору властивостей, які забезпечують контроль стилістичних функцій шрифтів.
У CSS1 та CSS2 ціль властивості font-variant полягала лише в тому, щоб визначити вигляд малих літер. У CSS3, хоча вона як і раніше дозволяє вказати всі малі букви прописними, вона була розширена, щоб бути універсальною властивістю для наступних властивостей:
font-variant-alternatesfont-variant-capsfont-variant-east-asianfont-variant-ligaturesfont-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, islashed-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;