<text-edge>
<text-edge>
枚举 数据类型 定义了关键字,这些关键字指定了表示字体块起始边缘和块结束边缘上特定区域的字体指标。每个关键字指定了字体上方和/或下方边缘的位置。
<text-edge>
值在 text-box-edge
属性中使用,用于指定从文本元素的块容器的块起始边缘和块结束边缘修剪的空白量。
语法
<text-edge>
数据类型由一个或两个关键字组成,这些关键字表示字体块起始(上方)边缘和/或块结束(下方)边缘上的特定区域。
- 当指定一个值时,字体的上方边缘和下方边缘的位置使用相同的关键字指定。
- 当指定两个值时,第一个值指定字体的上方边缘的位置,第二个值指定字体的下方边缘的位置。
值
单个关键字值
文本
-
字体的上方和下方边缘是其文本上方基线/文本下方基线:这包括字体的上升部分和下降部分,但不包括设置在文本上的半行距。
注意: 文本元素中包含的半行距量可以使用
line-height
属性进行控制。
注意: ideographic
和 ideographic-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 |
浏览器兼容性
加载中…