css властивість 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

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

автор: Svitlana

правити

<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.

автор: Svitlana

правити

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

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

автор: Svitlana

правити

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

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

автор: Svitlana

правити

<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.

автор: Svitlana

правити

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

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

автор: Svitlana

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
font-variant	1.0	1.0	1.0	3.5	12.0	4.0

Підтримка: мобільні переглядачі

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

Приклади

+ запропонувати свій приклад у пісочниці

<p class="normal">Звичайний: Приклад Тексту Css</p>
<p class="caps">small-caps: Приклад Тексту Css</p>

.caps {
    font-variant: small-caps;
}