css властивість font-variant-caps


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

Додаткові посилання