HTML `<var>` 変数要素

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

<var> は HTML の要素で、数式やプログラムコード内の変数の名前を表します。挙動はブラウザーに依存しますが、通常は現在のフォントのイタリック体を使って表示されます。

試してみましょう

<p>
  箱の体積は、<var>l</var> × <var>w</var> × <var>h</var> です。ここで、<var>l</var> は箱の長さ、<var>w</var> は幅、<var>h</var> は高さを表します。
</p>

var {
  font-weight: bold;
}

この要素にはグローバル属性のみがあります。

多くのブラウザーは <var> の表示時に font-style に "italic" を適用します。これは次のように CSS で上書きできます。

css

var {
  font-style: normal;
}

これは、 <var> を使用して数式の変数名を記述した基本的な例です。

html

<p>単純な数式: <var>x</var> = <var>y</var> + 2</p>

CSS を使用して、 <var> 要素のデフォルトのスタイルを上書きすることができます。この例では、 Courier フォントがあれば、それを使って太字で表示し、なければデフォルトの等幅フォントに代替されます。

css

var {
  font:
    bold 15px "Courier",
    "Courier New",
    monospace;
}

html

<p>
  <var>minSpeed</var> と <var>maxSpeed</var> 変数は、端末の最低速度と最高速度を分当たりの回転数 (RPM) で制御します。
</p>

この HTML では、2 つの変数名を <var> を使用して囲んでいます。