文字裝飾

text-decoration 屬性用於設定或刪除文字中的裝飾。

h1 { text-decoration: none; }
h2 { text-decoration: overline; }
h3 { text-decoration: line-through; }
h4 { text-decoration: underline; }

text-decoration 可以與 text-decoration-style 和 text-decoration-color 結合使用,作為速記屬性:

.title { text-decoration: underline dotted blue; }

這是一個速記版本

.title {
  text-decoration-style: dotted;
  text-decoration-line: underline;
  text-decoration-color: blue;
}

應該注意,Firefox 僅支援以下屬性

  • 文字裝飾色
  • 文字裝飾線
  • 文字裝飾風格
  • 文字裝飾,跳躍