<text-edge>

可用性有限

此特性不是基线特性,因为它在一些最广泛使用的浏览器中不起作用。

<text-edge> 枚举 数据类型 定义了关键字,这些关键字指定了表示字体块起始边缘和块结束边缘上特定区域的字体指标。每个关键字指定了字体上方和/或下方边缘的位置。

<text-edge> 值在 text-box-edge 属性中使用,用于指定从文本元素的块容器的块起始边缘和块结束边缘修剪的空白量。

语法

<text-edge> 数据类型由一个或两个关键字组成,这些关键字表示字体块起始(上方)边缘和/或块结束(下方)边缘上的特定区域。

  • 当指定一个值时,字体的上方边缘和下方边缘的位置使用相同的关键字指定。
  • 当指定两个值时,第一个值指定字体的上方边缘的位置,第二个值指定字体的下方边缘的位置。

单个关键字值

文本

字体的上方和下方边缘是其文本上方基线/文本下方基线:这包括字体的上升部分和下降部分,但不包括设置在文本上的半行距

注意: 文本元素中包含的半行距量可以使用 line-height 属性进行控制。

注意: ideographicideographic-ink 关键字旨在指定CJK 语言字符特有的上方和下方边缘位置。目前它们的具体行为仍在讨论中,并且尚未得到任何浏览器的支持。

两个关键字值

alphabetic

字体的下方边缘是其字母基线,它是其较短的小写字母(例如“m”、“n”和“o”)或大写字母的底部。

cap

字体的上方边缘是其大写高度基线,它是其大写字母的顶部。

ex

字体的上方边缘是其 x 高度基线,它是其较短的小写字母的顶部。

文本

字体的上方边缘是其文本上方基线(包括字体的上升部分,但不包括上方边缘半行距),或者其下方边缘是其文本下方基线(包括字体的下降部分,但不包括下方边缘半行距),具体取决于为哪个边缘设置了值。

正式语法

<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

浏览器兼容性

另见