CSS

url

url

<url> CSS数据类型表示一个指针指向资源(例如图像或字体)的指针。它没有合适的语法,只能通过url()函数符号来表达。URLs被众多的CSS属性所使用,比如background-image,cursor,@font-face,和list-style。

URI还是URL?URI和URL之间是有区别的。一个URI只是标识一个资源。URL是一种URI,描述资源的位置。URI可以是资源的URL或名称(URN)。

语法

URL使用url()函数符号表示。它可能没有引号,或用单引号或双引号括起来。相对URL是允许的,但它只能是相对于样式表的URL(而不是网页的URL)。

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

注:从Firefox 15开始,在未引号的URL中不允许在0x7e以上的控制字符。见虫752230更多细节。

实例

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

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

规范

SpecificationStatusComment
CSS Values and Units Module Level 3The definition of '<url>' in that specification.Candidate RecommendationNo significant change from CSS Level 2 (Revision 1).
CSS Level 2 (Revision 1)The definition of '<uri>' in that specification.RecommendationNo significant change from CSS Level 1.
CSS Level 1The definition of '<url>' in that specification.RecommendationInitial definition.

浏览器兼容性

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support1.01.0 (1.0)3.03.51.0 (85)

FeatureAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic support1.01.0 (3.5)yesyes1.0