Home Menu

TSPAN

The tspan element allows one to switch the style and/or adjust the position of the rendered text inside the 'tspan' element relative to the parent element.

SYNTAX

<tspan attribute-name="attribute-value"></tspan>
NAME VALUE INITIAL DESCRIPTION
x [ [ <length-percentage> | <number> ]+ ]# (none) absolute x coordinate for the current text position
y [ [ <length-percentage> | <number> ]+ ]# (none) absolute y coordinate for the current text position
dx [ [ <length-percentage> | <number> ]+ ]# (none) relative x coordinate for the current text position
dy [ [ <length-percentage> | <number> ]+ ]# (none) relative y coordinate for the current text position
rotate [ <number>+ ]# (none) rotation for the current text position
textLength <length-percentage> | <number> (none) length for the text to fit
lengthAdjust spacing | spacingAndGlyphs spacing expand or compress glyphs

EXAMPLES

X

Y

DX

DY

ROTATE

INTERNAL

image

path

text

textPath

EXTERNAL

World Wide Web Consortium (W3C)