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 -
Жодна з перерахованих нижче функцій не ввімкнена.
автор: Svitlana -
small-caps -
Дозволяє відображати маленькі капітелі (функція OpenType:
автор: Svitlanasmcp). Гліфи з маленькими капітелями зазвичай використовують форму великих літер, але зводиться до розміру букв у нижньому регістрі. -
all-small-caps -
Дозволяє відображати маленькі капітелі для верхнього та нижнього регістрів (функції OpenType: c2sc, smcp).
автор: Svitlana -
petite-caps -
Дозволяє відображати маленькі капітелі (функція OpenType: pcap).
автор: Svitlana -
all-petite-caps -
Дозволяє відображати маленькі капітелі для верхнього та нижнього регістрів (функції OpenType: c2pc, pcap).
автор: Svitlana -
unicase -
Вмикає відображення суміші малих великих літер для великих літер із звичайними малими літерами (функція OpenType: unic).
автор: Svitlana -
titling-caps -
Дозволяє показувати заголовки капіталів (функція OpenType: title).
автор: Svitlana
| Значення без задання: | normal |
|---|---|
| Наслідує: | Так |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.fontVariantCaps = ' '; |
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 52 | 34 | 9.1 | 39 | 79 | — |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 52 | 52 | 34 | 9.3 |
Приклади
+ запропонувати свій приклад у пісочниці
Перетворення регістру засобами шрифту: small-caps браузер уміє синтезувати сам, а all-small-caps (капітеллю стають і великі літери) потребує шрифту з відповідною OpenType-функцією.
HTML
<p class="normal">normal: Приклад Тексту</p>
<p class="sc">small-caps: Приклад Тексту</p>
<p class="asc">all-small-caps: Приклад Тексту</p>CSS
.normal { font-variant-caps: normal; }
.sc { font-variant-caps: small-caps; }
.asc { font-variant-caps: all-small-caps; }Значення у дії
Приклад використання
Коментарі
Коментарів ще немає — будьте першим!