<legend>: LEGEND 要素
最終更新：2026-10-13
<legend>LEGEND 要素
fieldset に表示される見出しを提供します。fieldset の最初の子要素でなければなりません。
| カテゴリ | フォーム |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </legend> タグ |
| ステータス | 標準 |
📝 構文
<legend>グループのタイトル</legend>▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <legend> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： legend は fieldset 内でのみ表示され、通常は最初の子要素として置きます。
❓ よくある質問
Qlegend は fieldset の最初の子要素でなければなりませんか？
Aはい。仕様は
<legend> を <fieldset> の最初の子要素として要求します。そうして初めて、ブラウザはそれをグループ枠線上の見出しとして描画し、スクリーンリーダーもグループ名として読み上げます。Qlegend は fieldset の外でも使えますか？
A使えません。
<legend> は <fieldset> の中でのみ意味を持ちます。普通のグループの見出しには <h2>〜<h6> や <p> を使い、フォームコントロールのグループにだけ fieldset と legend を使います。Qlegend のスタイルはカスタマイズできますか？
Aできます。通常の CSS（フォント・色・背景）が効きます。定番のレイアウト技として、legend は fieldset の枠線に「またがる」ように表示されるため、margin で位置を調整できます。フロートレイアウトでは legend が最初のフロート要素として振る舞う歴史的な特性もあります。
🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
