内容表

• 范例
• 用法注意事项
• 规范
• 浏览器兼容性
• 另请参阅

text-decoration

1. SVG 元素

   1. A
      1. <a>
      2. <altGlyph>
      3. <altGlyphDef>
      4. <altGlyphItem>
      5. <animate>
      6. <animateColor>
      7. <animateMotion>
      8. <animateTransform>
   2. B-C
      1. <circle>
      2. <clipPath>
      3. <color-profile>
      4. <cursor>
   3. D
      1. <defs>
      2. <desc>
   4. E
      1. <ellipse>
   5. F
      1. <feBlend>
      2. <feColorMatrix>
      3. <feComponentTransfer>
      4. <feComposite>
      5. <feConvolveMatrix>
      6. <feDiffuseLighting>
      7. <feDisplacementMap>
      8. <feDistantLight>
      9. <feFlood>
      10. <feFuncA>
      11. <feFuncB>
      12. <feFuncG>
      13. <feFuncR>
      14. <feGaussianBlur>
      15. <feImage>
      16. <feMerge>
      17. <feMergeNode>
      18. <feMorphology>
      19. <feOffset>
      20. <fePointLight>
      21. <feSpecularLighting>
      22. <feSpotLight>
      23. <feTile>
      24. <feTurbulence>
      25. <filter>
      26. <font>
      27. <font-face>
      28. <font-face-format>
      29. <font-face-name>
      30. <font-face-src>
      31. <font-face-uri>
      32. <foreignObject>
   6. G
      1. <g>
      2. <glyph>
      3. <glyphRef>
   7. H
      1. <hkern>
   8. I
      1. <image>
   9. J-L
      1. <line>
      2. <linearGradient>
   10. M
       1. <marker>
       2. <mask>
       3. <metadata>
       4. <missing-glyph>
       5. <mpath>
   11. N-P
       1. <path>
       2. <pattern>
       3. <polygon>
       4. <polyline>
   12. Q-R
       1. <radialGradient>
       2. <rect>
   13. S
       1. <script>
       2. <set>
       3. <stop>
       4. <style>
       5. <svg>
       6. <switch>
       7. <symbol>
   14. T
       1. <text>
       2. <textPath>
       3. <title>
       4. <tref>
       5. <tspan>
   15. U
       1. <use>
   16. V-Z
       1. <view>
       2. <vkern>

text-decoration attribute defines whether text is decorated with an underline, overline and/or strike-through. It is a shorthand for the text-decoration-line and text-decoration-style 特性。

The fill and stroke of the text decoration are given by the fill and stroke of the text at the point where the text decoration is declared.

The paint order of the text decoration, i.e. the fill and stroke, is determined by the value of the paint-order attribute at the point where the text decoration is declared.

注意： As a presentation attribute, text-decoration can be used as a CSS property. See the css text-decoration property for more information.

You can use this attribute with the following SVG elements:

• <altGlyph>
• <text>
• <textPath>
• <tref>
• <tspan>

范例

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

					

<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'>
默认值	See individual properties
Animatable	Yes

For a description of the values, please refer to the CSS text-decoration 特性。

规范

规范	状态	注释
CSS Text Decoration Module Level 3 The definition of 'text-decoration' in that specification.	候选推荐	Defines the property as a shorthand for text-decoration-line , text-decoration-style ，和 text-decoration-color .
Scalable Vector Graphics (SVG) 2 The definition of 'text-decoration' in that specification.	候选推荐	Mainly refers to the definition in CSS Text Decoration 3 turning the property into a shorthand for text-decoration-line and text-decoration-style .
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'text-decoration' in that specification.	推荐	初始定义

浏览器兼容性

BCD tables only load in the browser

另请参阅

• css text-decoration

Found a problem with this page?

• Edit on GitHub
• Source on GitHub
• Report a problem with this content on GitHub
• Want to fix the problem yourself? See our Contribution guide .

最后修改： Sep 23, 2021 , 由 MDN 贡献者