描述
none 默认。定义标准的文本。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。
blink 定义闪烁的文本。
inherit 规定应该从父元素继承 text-decoration 属性的值。

text-decoration 实现波浪下划线

伪元素生成两个空格,使用letter-spacing属性控制两个空格占据的宽度足够宽,这样空格字符的装饰线的尺寸一定可以充满整个容器,此时只要设置装饰线的类型是波浪线,宽度100%自适应的波浪线效果就实现了。

  1. wavy {
  2. display: block;
  3. height: .5em;
  4. white-space: nowrap;
  5. letter-spacing: 100vw;
  6. padding-top: .5em;
  7. overflow: hidden;
  8. }
  9. wavy::before {
  10. content: "\2000\2000";
  11. /* IE浏览器实线代替 */
  12. text-decoration: overline;
  13. /* 现代浏览器 */
  14. text-decoration: overline wavy;
  15. }