tspan
The tspan SVG element specifies a switch to the style and/or an adjustment to the position of the rendered text inside the tspan element relative to the parent element.
Syntax
Attributes
dx
Specifies the relative x-coordinate of the current text position.
Value
[ [ <length-percentage> | <number> ]+ ]#
Default
(none)
dy
Specifies the relative y-coordinate of the current text position.
Value
[ [ <length-percentage> | <number> ]+ ]#
Default
(none)
lengthAdjust
Specifies the adjustment to spacing or spacing and glyphs.
Value
spacing | spacingAndGlyphs
Default
spacing
rotate
Specifies the supplemental rotation, in degrees, about the current text position that will be applied to all of the glyphs corresponding to each character within this element.
Value
[ <number>+ ]#
Default
(none)
textLength
Specifies the length for the text to fit.
Value
<length-percentage> | <number>
Default
(none)
x
Specifies the x-coordinate of the current text position.
Value
[ [ <length-percentage> | <number> ]+ ]#
Default
(none)
y
Specifies the y-coordinate of the current text position.
Value
[ [ <length-percentage> | <number> ]+ ]#
Default
(none)
Examples
dx
<length-percentage>
<number>
dy
<length-percentage>
<number>
lengthAdjust
spacing
spacingAndGlyphs
rotate
<number>
textLength
<length-percentage>
<number>
x
<length-percentage>
<number>
y
<length-percentage>
<number>
Links
Internal
External
© 2021 Osbo Design