Proper syntax for background: url();

[Joshua Beall]

Hi All,

What is the proper syntax for background: url();? Specifically, should the
url be single quoted, double quoted, or not quoted at all? IE6 and Mozilla
1.5 seem to work fine with any of those options, but I am wondering what the
"correct" way to do this is:

background: url('back.gi');
background: url("back.gif");
background: url(back.gif);

?

 

[Weyoun the Dancing Borg]

Hi All,

What is the proper syntax for background: url();? Specifically, should the
url be single quoted, double quoted, or not quoted at all? IE6 and Mozilla
1.5 seem to work fine with any of those options, but I am wondering what the
"correct" way to do this is:

background: url('back.gi');
background: url("back.gif");
background: url(back.gif);

?

http://www.w3schools.com/css/css_background.asp

 

[Steve Pugh]

What is the proper syntax for background: url();? Specifically, should the
url be single quoted, double quoted, or not quoted at all? IE6 and Mozilla
1.5 seem to work fine with any of those options, but I am wondering what the
"correct" way to do this is:

background: url('back.gi');
background: url("back.gif");
background: url(back.gif);

They're all correct. See http://www.w3.org/TR/CSS2/syndata.html#uri

Whilst IE3 was buggy and only understood URLs without any quotes I'm
not aware of any problems with the various formats in current
browsers, (with regards to background-image, there are bugs relating
the syntax used when the URL is part of an @import).

Steve

 

[brucie]

in post: <

What is the proper syntax for background: url();? Specifically, should the
url be single quoted, double quoted, or not quoted at all?

the quotes are optional but if used you can use single or double.

http://www.w3.org/TR/REC-CSS2/syndata.html#uri