sup 上付きテキストで数式表記 コピペで使えるHTML+CSS

スポンサーリンク
スポンサーリンク

sup要素の概要

上付きテキストHTML
<sup>~</sup>
目的 数式における乗数などの表記。
関連 <sub>
y=2x2+4
y=2x<sup>2</sup>+4

属性

グローバル属性のみ

CSSデザイン

乗数の色を赤く、太字にする

 文字色がcolor、font-weight:boldで太字に。

y=2x2+4
style属性で記述
y=2x<sup style="color: #ff0000; font-weight: bold;">2</sup>+4
スタイルシートで記述
y=2x<sup class="sup-red">2</sup>+4
.sup-red{
    color: #ff0000;
    font-weight: bold;
}