css властивість font-variant-caps
Властивість font-variant-caps дозволяє вибирати альтернативні гліфи, що
використовуються для маленьких літер.
font-variant-alternates є однією із властивостей у CSS3, які використовуються для ввімкнення різних функцій, пов'язаних зі шрифтом та покращення зовнішнього вигляду тексту на сторінці.У CSS1 та CSS2 невеликі шапки були вказані за допомогою властивості font-variant. У CSS3 ця властивість тепер стала доступною для деяких нових властивостей CSS3 (включаючи властивість font-variant-caps). Вона розширює використання невеликих шапок, щоб включити інші пов'язані гліфи, такі як маленькі шапки, шапки для заголовка та унікази. Таким чином, ви можете використовувати шрифт-варіант або шрифт-варіант-кепки, щоб вказати маленькі кепки та інші пов'язані гліфи.
Синтаксис
font-variant-caps: normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-capsВластивість font-variant-caps може отримувати 7 значень:
normalЖодна з перерахованих нижче функцій не ввімкнена.
small-capsДозволяє відображати маленькі капітелі (функція OpenType:
smcp). Гліфи з маленькими капітелями зазвичай використовують форму великих літер, але зводиться до розміру букв у нижньому регістрі.all-small-capsДозволяє відображати маленькі капітелі для верхнього та нижнього регістрів (функції OpenType: c2sc, smcp).
petite-capsДозволяє відображати маленькі капітелі (функція OpenType: pcap).
all-petite-capsДозволяє відображати маленькі капітелі для верхнього та нижнього регістрів (функції OpenType: c2pc, pcap).
unicaseВмикає відображення суміші малих великих літер для великих літер із звичайними малими літерами (функція OpenType: unic).
titling-capsДозволяє показувати заголовки капіталів (функція OpenType: title).
| Значення без задання: | normal |
|---|---|
| Наслідує: | Так |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.fontVariantCaps = ' '; |
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| font-variant-caps | 52.0 |
Не підтримується |
34.0 |
Не підтримується |
39.0 |
Не підтримується |
| Переглядач | |||
|---|---|---|---|
| font-variant-caps | 52.0 |
34.0 |
Не підтримується |
Мобільних переглядачів ще не додано.
Приклади
Значення у дії
Приклад використання
Синтаксис
font-variant-caps: normal;
font-variant-caps: small-caps;
font-variant-caps: all-small-caps;
font-variant-caps: petite-caps;
font-variant-caps: all-petite-caps;
font-variant-caps: unicase;
font-variant-caps: titling-caps;
font-variant-caps: inherit;
font-variant-caps: initial;
font-variant-caps: unset;