<url>

URI？ それとも URL？

URI と URL には違いがあります。URL はリソースの場所 (location)を表現し、URI はリソースの id を表現します。URI はリソースの場所（URL）であるかもしれず、リソースの名前（URN）かもしれません。

CSS Level 1 では、url() 関数記法は URL、すなわち場所を表すために導入されました（場所とは、<url> CSS データ型です。ただし、明示的な定義はされませんでした）。

CSS Level 2 では、同じ関数記法で URL や URN といった すべての URI を表現できるように拡張されました。このため、url() が <uri> CSS データ型を作るのに使われるというややこしい状況が生まれました。ややこしいだけでなく、通常は、URN が CSS で使われることはほとんどありません。

この修正のため、CSS Level 3 では初めの定義に立ち戻り、今回は明示的な定義がされました。関数表記 url()は <url> CSS データ型を意味し、もはやもっと総称的な <uri> CSS データ型を意味しなくなりました。

注意してほしいのは、こうした意味的な詳細は、ウェブの著作者やこのデータ型の実装細部をあまり変化させないということです。

 <a_css_property>:  url("https://mysite.example.com/mycursor.png")

 <a_css_property>:  url(https://mysite.example.com/mycursor.png)

注記: Firefox 15以降、0x7e より大きな制御文字は、引用符で囲わない url() 記法では使えなくなりました。詳細は バグ 752230 をご覧ください。

.topbanner { background: url("topbanner.png") #00D no-repeat fixed; }

ul { list-style: square url(https://www.example.com/redball.png) }