| 值 | 描述 |
|---|---|
| none | 默认。定义标准的文本。 |
| underline | 定义文本下的一条线。 |
| overline | 定义文本上的一条线。 |
| line-through | 定义穿过文本下的一条线。 |
| blink | 定义闪烁的文本。 |
| inherit | 规定应该从父元素继承 text-decoration 属性的值。 |
text-decoration 实现波浪下划线
伪元素生成两个空格,使用letter-spacing属性控制两个空格占据的宽度足够宽,这样空格字符的装饰线的尺寸一定可以充满整个容器,此时只要设置装饰线的类型是波浪线,宽度100%自适应的波浪线效果就实现了。
wavy {display: block;height: .5em;white-space: nowrap;letter-spacing: 100vw;padding-top: .5em;overflow: hidden;}wavy::before {content: "\2000\2000";/* IE浏览器实线代替 */text-decoration: overline;/* 现代浏览器 */text-decoration: overline wavy;}
