text-decoration-skip
- 版本:CSS3
- 媒体:视觉
语法:
text-decoration-skip:none | [ objects || spaces || ink || edges || box-decoration ]
默认值:objects
适用于:所有元素
继承性:是
动画性:否
计算值:指定的值
取值:
- none:
- 不略过:文本装饰将绘制在所有文本内容及行内盒上。
- objects:
- 略过原子内联元素(例如图片或内联块)
- spaces:
- 略过空白:包括常规空白(U+0020)、制表符(U+0009)以及不间断空格(U+00A0)、表意空格(U+3000)、所有固定宽度空格(U+2000至U+200A、U+202F和U+205F)、以及相邻的字母间隔或单词间隔。
- ink:
- 略过字符绘制处:中断装饰线,以显示文本装饰件将穿过该字形的文本。用户代理可能还会在该字形轮廓的两侧额外的略过一段距离。
- edges:
- 用户代理应当将装饰线的起始、结束位置放置于较所装饰元素的内容边缘更靠内的位置,使得诸如两个紧密相邻的元素的下划线不会显示为一条下划线。(这在中文里很重要,对于中文,下划线是一种标点符号。)
- box-decoration:
- 略过盒子的margin,border,padding区域。需要注意的是,这只针对祖先的装饰效果,装饰盒不会绘制自身的装饰。
说明:
检索或设置对象中的文本装饰线条必须略过内容中的哪些部分。
- 对应的脚本特性为textDecorationSkip。
兼容性:
- 浅绿 = 支持
- 红色 = 不支持
- 粉色 = 部分支持
支持版本\类型 | IE | Firefox | Safari | Chrome | Opera |
---|---|---|---|---|---|
版本 | 6.0-11.0 | 6.0-29.0 | 5.1.7 | 1.0-31.0 | 3.5-21.0 |