<var>: 変数要素

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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

試してみましょう

属性

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

使用上のメモ

関連する要素

<var> がよく使われる文脈でよく使われる他の要素には、次のようなものがあります。

  • <code>: HTML コード要素
  • <kbd>: HTML キーボード入力要素
  • <samp>: HTML サンプル出力要素

もし、意味的な目的ではなく装飾目的で <var> が誤って使用されているのを見かけた場合は、<span> と適切な CSS を使用するか、次のような適切な意味の要素を使用するかしてください。

既定のスタイル

多くのブラウザーは <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

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

HTML

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

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

結果

技術的概要

コンテンツカテゴリー フローコンテンツ, 記述コンテンツ, 知覚可能コンテンツ
許可されている内容 記述コンテンツ
タグの省略 なし。開始タグと終了タグの両方が必須です。
許可されている親要素 記述コンテンツを受け入れるすべての要素
暗黙の ARIA ロール 対応するロールなし
許可されている ARIA ロール すべて
DOM インターフェイス HTMLElement

仕様書

Specification
HTML
# the-var-element

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
var

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support