A RetroSearch Logo

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

Search Query:

Showing content from http://developer.mozilla.org/ja/docs/Web/API/HTMLImageElement/src below:

HTMLImageElement: src プãƒãƒ‘ティ - Web API

HTMLImageElement: src プロパティ

Baseline Widely available

HTMLImageElement の src プロパティは、HTML の src 属性を反映し、<img> 要素に表示する画像を指定します。

値

単一の画像のみを指定し、ブラウザーがビューポートサイズと画面のピクセル密度に最適な画像を選択できるように複数の画像を指定しなかった場合、src 属性は希望する画像の URL を指定する文字列となります。これは、HTML の中で src コンテンツ属性を用いて設定するか、プログラムによって要素の src プロパティを設定することで行うことができます。

srcset コンテンツ属性を使って、画面のピクセル密度に応じた複数の画像の候補を提供する場合は、src 属性で指定された URL は、2 通りの方法で使用されます。

さらに、src を sizes (または、対応する sizes コンテンツ属性)および srcset の両方を使用して、ビューポートサイズに基づいて画像を選択する場合、 src 属性は sizes と srcset に対応していないブラウザーのための予備としてのみ使用されます。その他の場合は、全く使用されません。

例 単一の画像の指定 HTML
<img
  src="grapefruit-slice-332-332.jpg"
  width="160"
  alt="グレープフルーツのスライスです。おいしそう。" />
結果 一連の画像を src で使用

一連の画像を srcset プロパティで使用する場合、src は古いブラウザー用の予備画像として、あるいは画像の 1x サイズとして機能します。

HTML 結果 ビューポートベース選択時の代替画像の指定

ビューポートベースで画像を選択する際に、sizes プロパティも指定して srcset から選択すると、src プロパティはビューポートベースでの選択に対応していないブラウザーで使用される代替画像として機能します。ビューポートベースの選択に対応しているブラウザーは、この場合は src を無視します。

HTML 結果 仕様書 ブラウザーの互換性

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