## 前言
在今年6月，CSS 工作组再次更新已经处在 CR 状态的 CSS Text Decoration Level 3 标准，同时 Level 4 的 ED 版本也于近期更新。大家很熟悉的 CSS2 用法 `text-decoration` ，到了 CSS3 就拥有很多新的特性。本文将介绍 Level 4 中最新添加的特性。
## CSS Text Decoration
#### 文字修饰线：text-decoration-line
`text-decoration-line`也就是 CSS3 之前的 `text-decoration`，属性有如下的属性值：
| 属性值 | 效果 |
| -------------- | -------------------------- |
| none | 无效果 |
| underline | 下划线 |
| overline | 上划线 |
| line-through | 删除线 |
| blink | 文字闪烁 |
| spelling-error | 展示为浏览器拼写错误的样式 |
| grammar-error | 展示为浏览器语法错误的样式 |
> 特别提醒：
>
> `blink` 属性将会被废弃，推荐开发者改用 CSS Animation 中的效果进行实现。
>
> 使用 `spelling-error` 或者 `grammar-error`，浏览器可能会丢弃自定义的 `color`, `stroke`, `fill` 等属性的设置。
### 修饰线的粗细：text-decorate-width
该属性主要针对的是 `underline`, `overline`, `line-through` 这三个修饰线样式，设置这些修饰线的粗细，除了直接使用数值表达外，还可以设置为以下的属性：
| 属性值 | 效果 |
| --------- | ------------------------------------------------------------ |
| auto | 由浏览器决定粗细 |
| from-font | 如果首个可用字体中含有推荐粗细数值，将会使用，否则行为与 `auto` 一致 |
### 下划修饰线的位置偏移：text-underline-offset
该属
