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: smcp). Гліфи з маленькими капітелями зазвичай використовують форму великих літер, але зводиться до розміру букв у нижньому регістрі.

автор: Svitlana

правити

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

правити

Переглядачі

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

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

Переглядач
font-variant-caps	52.0	34.0	Не підтримується	39.0	Не підтримується	Не підтримується

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

Переглядач
font-variant-caps	52.0	34.0	Не підтримується

Приклади

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

<p class="normal">normal: Приклад Тексту</p>
<p class="sc">small-caps: Приклад Тексту</p>
<p class="asc">all-small-caps: Приклад Тексту</p>

.normal { font-variant-caps: normal; }
.sc     { font-variant-caps: small-caps; }
.asc    { font-variant-caps: all-small-caps; }