this
background:url(http://url);
this
background:url("http://url");
or this
background:url('http://url');
views:
210answers:
4
+3
A:
The URL bits of all three of your examples are valid CSS, according to the CSS specification.
Note that the spec identifies some characters in a URL which will need to be escaped with a backslash if present in an unquoted URI, such as parentheses, commas, white space characters, single quotes (') and double quotes ("). For this reason, you might find it better to use single or double quotes around your URLs.
Note that you need to write your full CSS property in the format:
background: url( http://example.com );
Dexter
2010-01-09 19:14:17
u mean if url has special character then single or double quote should be used.
metal-gear-solid
2010-01-10 05:06:41
no - you can include a url with special characters without quotes provided that you escape the quotes with a backslash (like such: http://example.com/lo\(url\)wi) - my point was that you'll find it easier to quote all of your urls ("http://example.com/lo(url)wi") rather than escape the ones which are troublesome
Dexter
2010-01-11 00:20:05
@dexter - that same i was saying it's good to use quote always.
metal-gear-solid
2010-01-11 17:15:14
A:
It is your choice, according to W3:
The format of a URI value is 'url(' followed by optional white space followed by an optional single quote (') or double quote (") character followed by the URI itself, followed by an optional single quote (') or double quote (") character followed by optional white space followed by ')'. The two quote characters must be the same.
Harmen
2010-01-09 19:14:54
+2
A:
I don't think any are right. It should be one of these:
background: url(http://url)
background: url("http://url")
background: url('http://url')
Note the colon, instead of curly braces.
Eric
2010-01-09 19:16:13
A:
I use the one without quotes. I remember reading something by Zeldman that said it was the least likely to cause problems with legacy browsers. I believe the browser he mentioned was ancient, like Netscape 2 or something. Nowadays, it wouldn't matter which style you use.
stealthdragon
2010-01-09 19:21:29