`<text-edge>` тип CSS

Baseline Ограниченная доступность

Эта функция не входит в Baseline, поскольку не работает в некоторых наиболее широко используемых браузерах.

<text-edge> — это перечисляемый тип данных, определяющий ключевые слова, которые задают метрики шрифта, представляющие определённые области у начального и конечного края блочного направления шрифта. Каждое ключевое слово задаёт положение верхнего и/или нижнего края шрифта.

Значения <text-edge> используются в свойстве text-box-edge, чтобы задать величину пространства, которое нужно обрезать у начального и конечного края блочного контейнера текстового элемента.

Синтаксис

Тип данных <text-edge> состоит из одного или двух ключевых слов, представляющих определённые области у начального (верхнего) и/или конечного (нижнего) края шрифта:

Если указано одно значение, положение верхнего и нижнего края шрифта задаётся одним и тем же ключевым словом.
Если указаны два значения, первое задаёт положение верхнего края шрифта, а второе — положение нижнего края шрифта.

Значения

Одно ключевое слово

text: Верхний и нижний края шрифта — это его верхняя и нижняя текстовые базовые линии: они включают выносные элементы шрифта, но не включают половинный интерлиньяж, заданный для текста.

Примечание: Величину половинного интерлиньяжа, включённого в текстовый элемент, можно настроить с помощью свойства line-height.

Примечание: Ключевые слова ideographic и ideographic-ink предназначены для задания положений верхнего и нижнего края, характерных для символов языков CJK. В настоящее время точное поведение этих ключевых слов обсуждается, и ни один браузер их не поддерживает.

Два ключевых слова

alphabetic: Нижний край шрифта — это его алфавитная базовая линия, проходящая по нижней границе строчных букв без выносных элементов (например, «m», «n» и «o») или заглавных букв.
cap: Верхний край шрифта — это базовая линия высоты прописных букв, проходящая по верхней границе заглавных букв.
ex: Верхний край шрифта — это базовая линия высоты строчных букв, проходящая по верхней границе строчных букв без выносных элементов.
text: Верхний край шрифта — это его верхняя текстовая базовая линия (включает выносные элементы шрифта, но не включает половинный интерлиньяж у верхнего края), а нижний край — его нижняя текстовая базовая линия (включает нижние выносные элементы шрифта, но не включает половинный интерлиньяж у нижнего края). Выбор зависит от того, для какого края задано значение.

Формальный синтаксис

<text-edge> = [ text | ideographic | ideographic-ink ] | [ text | ideographic | ideographic-ink | cap | ex ] [ text | ideographic | ideographic-ink | alphabetic ]

Примеры

См. примеры text-box-edge

Спецификации

Спецификация
Модуль компоновки CSS в строке, уровень 3 # typedef-text-edge

Совместимость с браузерами

	Компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari на iOS	Samsung Internet	WebView для Android	WebView на iOS
`text-edge`	133	133	149 Отображение не реализовано (поддерживаются только разбор и сериализация).	118	18.2	133	Нет	88	18.2	29.0	133	18.2
`alphabetic`	133	133	149 Отображение не реализовано (поддерживаются только разбор и сериализация).	118	18.2	133	Нет	88	18.2	29.0	133	18.2
`cap`	133	133	149 Отображение не реализовано (поддерживаются только разбор и сериализация).	118	18.2	133	Нет	88	18.2	29.0	133	18.2
`ex`	133	133	149 Отображение не реализовано (поддерживаются только разбор и сериализация).	118	18.2	133	Нет	88	18.2	29.0	133	18.2
`text`	133	133	149 Отображение не реализовано (поддерживаются только разбор и сериализация).	118	18.2	133	Нет	88	18.2	29.0	133	18.2

См. также

text-box, text-box-edge, text-box-trim
Модуль внутристрочной компоновки CSS

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/text-edge