text-decoration
SVG Elements
- A
- B-C
- D
- E
- F
<feBlend>
<feColorMatrix>
<feComponentTransfer>
<feComposite>
<feConvolveMatrix>
<feDiffuseLighting>
<feDisplacementMap>
<feDistantLight>
<feFlood>
<feFuncA>
<feFuncB>
<feFuncG>
<feFuncR>
<feGaussianBlur>
<feImage>
<feMerge>
<feMergeNode>
<feMorphology>
<feOffset>
<fePointLight>
<feSpecularLighting>
<feSpotLight>
<feTile>
<feTurbulence>
<filter>
<font>
<font-face>
<font-face-format>
<font-face-name>
<font-face-src>
<font-face-uri>
<foreignObject>
- G
- H
- I
- J-L
- M
- N-P
- Q-R
- S
- T
- U
- V-Z
The 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
properties.
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.
Note: 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:
Example
<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>
Usage notes
Value |
<'text-decoration-line'>
||
<'text-decoration-style'>
||
<'text-decoration-color'>
|
---|---|
Default value | See individual properties |
Animatable | Yes |
For a description of the values, please refer to the CSS text-decoration
property.
Specifications
Specification | Status | Comment |
---|---|---|
CSS Text Decoration Module Level 3 The definition of 'text-decoration' in that specification. |
Candidate Recommendation |
Defines the property as a shorthand for
text-decoration-line ,
text-decoration-style , and
text-decoration-color .
|
Scalable Vector Graphics (SVG) 2 The definition of 'text-decoration' in that specification. |
Candidate Recommendation |
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. |
Recommendation | Initial definition |
Browser compatibility
BCD tables only load in the browser