<tspan>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
A l'intérieur d'un élément <text>
, les propriétés du texte et des polices, ainsi que la position actuelle du texte, peuvent être ajustées de façon absolue ou relative à partir des coodonnées précisées dans un élément tspan
.
Contexte d'utilisation
Exemple
html
<svg viewBox="0 0 240 40" xmlns="http://www.w3.org/2000/svg">
<style>
text {
font: italic 12px serif;
}
tspan {
font: bold 10px sans-serif;
fill: red;
}
</style>
<text x="10" y="30" class="small">
Vous êtes
<tspan>not</tspan>
une banane !
</text>
</svg>
Attributs
Attributs globaux
Specific attributes
Interface DOM
Cet élément implémente l'interface SVGTSpanElement
.
Spécifications
Specification |
---|
Scalable Vector Graphics (SVG) 2 # TextElement |
Compatibilité des navigateurs
BCD tables only load in the browser