A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://developer.cdn.mozilla.net/ja/docs/Web/HTML/Reference/Elements/var below:

<var>: å¤‰æ•°è¦ç´ - HTML | MDN

<var>: 変数要素

Baseline Widely available

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

試してみましょう
<p>
  The volume of a box is <var>l</var> × <var>w</var> × <var>h</var>, where
  <var>l</var> represents the length, <var>w</var> the width and
  <var>h</var> the height of the box.
</p>
var {
  font-weight: bold;
}
属性

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

使用上のメモ 関連する要素

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

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

既定のスタイル

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

var {
  font-style: normal;
}
例 基本的な例

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

<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> を使用して囲んでいます。

結果 技術的概要 仕様書 ブラウザーの互換性

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4