<uri>
<uri>
<url> CSS数据类型表示一个指向资源(如图像或字体)的指针。它没有合适的语法,只能通过url()函数符号来表达。URLs在众多的CSS属性中使用,比如background-image,cursor,@font-face,和list-style。
URI或URL?
URI和URL之间是有区别的。一个URI只是标识一个资源。URL是一种URI,描述资源的位置
。URI可以是资源的URL或名称(URN)。
在CSS Level1中,url()
函数符号仅用来描述真实的URLs。
语法
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的控制字符。有关更多详细信息,请参阅bug 752230。
实例
.topbanner {
background: url("topbanner.png") #00D no-repeat fixed;
}
ul {
list-style: square url(http://www.example.com/redball.png
}
规范
Specification | Status | Comment |
---|---|---|
CSS Values and Units Module Level 3The definition of '<url>' in that specification. | Candidate Recommendation | No significant change from CSS Level 2 (Revision 1). |
CSS Level 2 (Revision 1)The definition of '<uri>' in that specification. | Recommendation | No significant change from CSS Level 1. |
CSS Level 1The definition of '<url>' in that specification. | Recommendation | Initial definition. |
浏览器兼容性
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | 1.0 | 1.0 (1.0) | 3.0 | 3.5 | 1.0 (85) |
Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | 1.0 | 1.0 (3.5) | yes | yes | 1.0 |