CSS3

CSS用関数

url()

  編集:2022.07.09 by T.A.

[Edge]○。→mdn

画像参照。

url( <string> <url-modifier>* )

url() は、URL を括る引用符を省いて記せる(その構文は、<url-token> として特別に構文解析される [CSS-SYNTAX-3])。この特別な構文解析があるため、url() に指定可能な URL はリテラルに限られる。

<string>
URLを示す文字列。空白が含まれる場合はクォーテーションで括る。
<DIV style="border:1px solid red; width:150px; height:100px;
 background-image:url(../Sample/Picture.jpg);
">
テスト
</DIV>

<url-modifier>
URL の意味や解釈をいくぶん変更する。<url-modifier> は、[<ident>関数記法]いずれかである。

テスト
HTML:

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: