<tspan>

この翻訳は不完全です。英語から この記事を翻訳 してください。

<text> 要素の中に <tspan> 要素を組み込むことで、テキストとフォントのプロパティ及び現在のテキストの位置を絶対値または相対値を用いた座標で調節することができます。

利用可能な場所

カテゴリーText content element 、 Text content child element
許可された内容文字データと任意の数の以下の要素を任意の順で:
説明的要素
<a><altGlyph><animate><animateColor><set><tref><tspan>

属性

グローバル属性

専用属性

DOM インターフェイス

この属性は SVGTSpanElement インターフェイスを実装します。

SVG

<?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>

結果

仕様

仕様 状態 コメント
Scalable Vector Graphics (SVG) 2
<tspan> の定義
勧告候補  
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
<tspan> の定義
勧告 初期の定義

ブラウザ互換性

機能 Chrome Edge Firefox (Gecko) IE Opera Safari
基本サポート 1.0 (有) 1.5 (1.8)[1] 9.0 9.0 3.0.4
機能 Android Edge Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート 3.0 (有) 1.0 (1.8)[1] 未サポート (有) 3.0.4

この表はこのソースに基づきます。

[1] 複数のプレゼンテーション属性が機能しません。 rotate  属性は Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1) に実装されました。

関連情報

ドキュメントのタグと貢献者

 このページの貢献者: lakiryt
 最終更新者: lakiryt,