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 -
Без змін. Без задання.
автор: Svitlana -
<common-lig-values>, <discretionary-lig-values>, <historical-lig-values>, <contextual-alt-values> -
Визначає ключові слова, пов'язані з властивістю
автор: Svitlanafont-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() -
Визначає ключові слова, пов'язані з властивістю
автор: Svitlanafont-variant-alternates. -
small-caps, all-small-caps, petite-caps, all-petite-caps, unicase, titling-caps -
Визначає ключові слова, пов'язані з властивістю
автор: Svitlanafont-variant-caps. -
<numeric-figure-values>, <numeric-spacing-values>, <numeric-fraction-values>, ordinal, slashed-zero -
Визначає ключові слова, пов'язані з властивістю
автор: Svitlanafont-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 -
Визначає ключові слова, пов'язані з властивістю
автор: Svitlanafont-variant-east-asian. Можливими значеннями є:jis78, jis83, jis90, jis04, simplified, traditional, full-width, proportional-width, ruby.
| Значення без задання: | normal |
|---|---|
| Наслідує: | Так |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.fontVariant="small-caps" |
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | 1 | 3.5 | 12 | 4 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | 1 |
Приклади
+ запропонувати свій приклад у пісочниці
Найуживаніше значення — small-caps: малі літери стають зменшеними великими (капітеллю).
HTML
<p class="normal">Звичайний: Приклад Тексту Css</p>
<p class="caps">small-caps: Приклад Тексту Css</p>CSS
.caps {
font-variant: small-caps;
}Значення у дії
Приклад використання
Коментарі
Коментарів ще немає — будьте першим!