w3-notes logo

cocochido

HTML/CSSリファレンス

<image>型

説明

画像を表します。画像にはURLさ参照される画でデータやグラデーションで表現される動的な画像などがあります。

使用例

出力結果

構文
syntax help

<image> = <url> | <image()> | <image-set()> | <cross-fade()> | <gradient>
画像リソースの場所を指定します。
画像リソースの場所、使用領域、代替色を指定します。
解像度にあった画像を選択します。
合成した画像を使用します。
カラーグラデーションによる画像を生成します。

ブラウザ対応状況

IE
Edge
Firefox
Chrome
Safari
Opera
iOS Safari
Chrome for Android
Firefox for Android
10
12
1
1
1
2
1
18
4
11
81
76
81
13.1
68
13.4
81
68
image: elementexperimental
IE
Edge
Firefox
Chrome
Safari
Opera
iOS Safari
Chrome for Android
Firefox for Android
57
29-57
4-29
60
29-60
4-29
11
81
76
81
13.1
68
13.4
81
68
image: gradient
IE
Edge
Firefox
Chrome
Safari
Opera
iOS Safari
Chrome for Android
Firefox for Android
10
12
3.6
26
10
6.1
5.1
15
12.1
11-15
7
6
26
18
4
11
81
76
81
13.1
68
13.4
81
68
image: image
IE
Edge
Firefox
Chrome
Safari
Opera
iOS Safari
Chrome for Android
Firefox for Android
11
81
76
81
13.1
68
13.4
81
68
image: paint
IE
Edge
Firefox
Chrome
Safari
Opera
iOS Safari
Chrome for Android
Firefox for Android
79
65
52
65
11
81
76
81
13.1
68
13.4
81
68
image: cross-fade
IE
Edge
Firefox
Chrome
Safari
Opera
iOS Safari
Chrome for Android
Firefox for Android
79
17
10
5.1
15
9.3
5
18
11
81
76
81
13.1
68
13.4
81
68
image: image-set
IE
Edge
Firefox
Chrome
Safari
Opera
iOS Safari
Chrome for Android
Firefox for Android
79
21
6
15
6
25
11
81
81
13.1
68
13.4
81
Support data for this feature provided by
 
サポート
 
部分サポート
 
非サポート
 
不明
最終更新日: 2021-02-24
© 2020 ここちい堂. All rights reserved.