<image> タイプ
<image> タイプは、画像や描写を扱う background-image プロパティなどに利用する値のタイプです。
<image> タイプは、background-image 以外に cursor、 list-style-image、content プロパティで利用ができます。
background-image: url('img/0099178066_n.jpg');
<image> タイプとして使用できるのは、url()、element()、image() といった CSS 関数です。
詳しくは<image> タイプとして使用できる関数
を参照してください。
<image> は仕様にはvalue type
となっています。日本語にすると値のタイプです。ここでは単にタイプとしています。
ページ内 Index
<image> タイプとして使用できる関数
以下は <image> タイプとして利用できる関数です。
| 関数名 | 概要 |
|---|---|
| url('URL') | 画像のURLを指定 |
| cross-fade() | 複数の画像の合成 |
| element('id') | id 属性で指定されたエレメントの内容 |
| linear-gradient() | 線形グラデーション |
| radical-gradient() | 放射グラデーション |
| conic-gradient() | 扇型グラデーション |
| image() | 引数で指定された画像の一部または単色の色 |
| image-set() | 画像のURLと解像度の指定 |
Example
<image> タイプの例です。