text-decoration

text-decoration 屬性定義文字是否用下劃線、上劃線和/或刪除線裝飾。它是 text-decoration-line 和 text-decoration-style 屬性的簡寫。

文字裝飾的填充和描邊由在宣告文字裝飾的位置的文字的填充和描邊給出。

文字裝飾的繪製順序，即填充和描邊，由在宣告文字裝飾的位置的paint-order 屬性的值確定。

注意：作為呈現屬性，text-decoration 可以用作 CSS 屬性。有關更多資訊，請參閱 CSS text-decoration 屬性。

您可以將此屬性與以下 SVG 元素一起使用

示例

html,
body,
svg {
  height: 100%;
}

html

<svg viewBox="0 0 250 50" xmlns="http://www.w3.org/2000/svg">
  <text y="20" text-decoration="underline">Underlined text</text>
  <text x="0" y="40" text-decoration="line-through">Struck-through text</text>
</svg>

用法說明

值	`<'text-decoration-line'>` \|\| `<'text-decoration-style'>` \|\| `<'text-decoration-color'>`
預設值	請參閱各個屬性
可動畫	是

有關值的描述，請參閱 CSS text-decoration 屬性。

規範

規範
CSS 文字裝飾模組級別 3 # text-decoration-property
可縮放向量圖形 (SVG) 2 # TextDecorationProperties

瀏覽器相容性

BCD 表格僅在啟用 JavaScript 的瀏覽器中載入。

另請參閱

text-decoration