What Quotation Marks Should I Use In CSS?

css syntax quotation-marks
daGrevis picture daGrevis · Apr 16, 2011 · Viewed 9.7k times · Source

Possible Duplicate:
Which type of quotes we should use in css background url (“…”)? Single, double or no quote needed?

Simple question. What quotation marks should I use in CSS?

Option #1:

background: url( 'foo.png' );

Option #2:

background: url( "foo.png" );

Both works on "normal browsers". I just want to follow the standards.

Answer

Quentin picture Quentin · Apr 16, 2011

The standards say:

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.

i.e. none, single or double. If you care about IE5/Mac (which you probably don't these days) avoid ', otherwise use whatever makes you comfortable.

Related questions

How do I select an element that has a certain class?

My understanding is that using element.class should allow for a specific element assigned to a class to receive different "styling" than the rest of the class. This is not a question about whether this should be used or not, …

Read More
What is the purpose of the '@' symbol in CSS?

I just stumbled across this question and I noticed the user is using some notation I've never seen before: @font-face { /* CSS HERE */ } So is this @ symbol something new in CSS3, or something old that I've somehow overlooked? Is this something …

Read More
Is it bad practice to comment out single lines of CSS with //?

I have recently started using // to "comment" out single lines of CSS code. I understand that I am not actually commenting out the line; I am just breaking it (I should use /* ... */), but it has the same effect. The line …

Read More