English 中文 العربية 日本語 Português

<sup>: SUP 要素

最終更新：2026-10-13

<sup>SUP 要素

ベースラインの上に表示される上付き文字を定義します。脚注番号（例：x²）や序数に使われます。

カテゴリ書式
コンテンツモデルフレージングコンテンツ
許可される親要素フレージングコンテンツを受け入れる要素
閉じタグ必要 </sup> タグ
ステータス標準

📝 構文

<sup>上付き文字</sup>
すべてのグローバル属性を見る → すべてのイベント属性を見る →

▶ サンプル

下のコードを編集して、playground でリアルタイム結果を確認：

▶ 試してみる

🌐 ブラウザサポート

ブラウザ ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<sup> ✓ v1 ✓ v12 ✓ v1 ✓ v1 ✓ v1
すべての主要ブラウザでサポート
ヒント： 上付き文字は脚注番号に最適です。<a> と組み合わせてクリック可能な注釈にできます。

❓ よくある質問

Qsup の典型的な使用場面は何ですか？
A脚注の参照番号（¹ のような書き方は <sup>1</sup>）、数学のべき乗（2ⁿ）、序数の接尾辞（1st の st）などです。テキストをベースラインより上に、フォントを小さめに表示します。<sub>（下付き）と対になる要素です。
Qsup と sub は同時に使えますか？
A別々の位置なら使えますが、同じ文字に上付きと下付きを同時に付けることはできません。HTML には上下の重ね合わせの仕組みがないからです。重ね合わせが必要な場合（核種の表記など）は、CSS の position: relative で2つの要素を手動配置する方法があります。
Qsup が行の高さに影響する問題はどう解決しますか？
A<sub> と同じ考え方です。上付き文字が上にずれると行ボックスが高くなります。<sup> に line-height: 0 を設定するか、vertical-align: baseline に position: relative; top: -0.5em; font-size: 75% を組み合わせて手動で再現すれば、行間を安定させられます。
<sub> <span> <a>
<sup> — formatting チュートリアル

📚 関連チュートリアル

HTML Text Formatting HTML Paragraphs
HTML テキスト書式チュートリアル
太字・強調・マークなどのテキストスタイルを学ぶ
Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%