HTML Dog
跳至导航

CSS 属性:text-decoration

下划线、上划线和删除线文本。

一个简写属性,结合了 text-decoration-linetext-decoration-styletext-decoration-color

可能的值

一个空格分隔的列表,包含代表 text-decoration-linetext-decoration-styletext-decoration-color 的值。

描述 示例
[line]
(等同于 text-decoration-line 的值 – 可以有多个值)
  • 显式设置线型。
  • 样式默认为 solid
  • 颜色默认为文本的 color 属性。
underline
[line] [style]
(等同于 text-decoration-line 的值和 text-decoration-style 的值)
  • 显式设置线型。
  • 显式设置了样式。
  • 颜色默认为文本的 color 属性。
overline dotted
[line] [color]
(等同于 text-decoration-line 的值和 text-decoration-color 的值)
  • 显式设置线型。
  • 样式默认为 solid
  • 显式设置了颜色。
line-through red
[line] [style] [color]
(等同于 text-decoration-line 的值、text-decoration-style 的值和 text-decoration-color 的值)
  • 显式设置线型。
  • 显式设置了样式。
  • 显式设置了颜色。
underline double #06c
inherit
initial
unset

示例


.oldfangled a:hover { text-decoration: none }

.newfangled a:hover { text-decoration: underline overline line-through wavy #f99 } 

浏览器支持

Can I Use 高级 text-decoration? 来自 caniuse.com 的关于高级 text-decoration 功能在主流浏览器中支持情况的数据。