tspan

Em um elemento <text>, propriedades de texto e fontes e a posição atual de texto podem ser ajustadas com valores de coordenadas absolutas ou relativas com a inclusão do elemento tspan.

Contexto de uso

CategoriasElemento de conteúdo textual, Elemento filho de conteúdo textual
Conteúdo permitidoDados de caracteres e qualquer número dos seguintes elementos, em qualquer ordem:
Elementos descritivos
<a>, <altGlyph>, <animate>, <animateColor>, <set>, <tref>, <tspan>

Exemplo

Código fonte
<?xml version="1.0"?>
<svg width="250" height="40" viewBox="0 0 250 40"
     xmlns="http://www.w3.org/2000/svg" version="1.1">

	<style>
<![CDATA[
text{
    font: 20px Verdana, Helvetica, Arial, sans-serif;
}

tspan{
	fill: red;
	font-weight: bold
}
]]>
	</style>

    <text x="15" y="30">You are 
    	<tspan>not</tspan> 
    	a banana
    </text>
</svg>
Resultado

» tspan.svg

Atributos

Atributos globais

Atributos específicos

Interface DOM

Este elemento implementa a interface do SVGTSpanElement.

Compatibilidade dos navegadores

Recurso Chrome Firefox (Gecko) IE Opera Safari
Suporte básico 1.0 1.5 (1.8) 9.0 9.0 3.0.4
Recurso Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Suporte básico 3.0 1.0 (1.8) Não suportado (Yes) 3.0.4

A tabela é baseada nessas fontes.

Gecko-specific notes

Vários atributos de apresentação não funcionam.

O atributo rotate foi implementado no Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1).

Veja também

Etiquetas do documento e colaboradores

 Colaboradores desta página: Sebastianz, caio
 Última atualização por: Sebastianz,