CSS3

値

<image> 型

→●

画像。

<image> ●

＝<url>
| <gradient>

[CSS3-IMAGES] にて定義される。CSS Images レベル 3 またはその後継版をサポートするユーザーエージェントは、その定義に従って <image> を解釈するものとする。そうでないユーザーエージェントは、<image> を <url> として解釈するものとする。

<url>○ ●

<DIV style="background-image:url(../Sample/Picture.jpg);
 width:50px; height:50px;
">あ</DIV>

<DIV style="background-image:src(../Sample/Picture.jpg);
 width:50px; height:50px;
">あ</DIV>

¶src()ではできないようだ。仕様外。

<gradient> ●

＝<linear-gradient()>
| <repeating-linear-gradient()>
| <radial-gradient()>
| <repeating-radial-gradient()>

例

関連

conic-gradient()、radial-gradient()。

テスト