Is quoting the value of url() really necessary?

by

The W3C says quotes are optional, all three of your ways are legal.

Opening and closing quote just need to be the same character.

If you have special characters in your URL, you should use quotes or escape the characters (see below).

Syntax and basic data types

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.

Escaping special characters:

Some characters appearing in an unquoted URI, such as parentheses, white space characters, single quotes (‘) and double quotes (“), must be escaped with a backslash so that the resulting URI value is a URI token: ‘\(‘, ‘\)’.

More Related Contents:

  1. In CSS Flexbox, why are there no “justify-items” and “justify-self” properties?
  2. Padding for Inline Elements
  3. Why are CSS named grid areas not in quotes?
  4. Invalid CSS selector causes rule to be dropped: What is the rationale?
  5. Is it valid to have paragraph elements inside of a heading tag in HTML5 (P inside H1)?
  6. Can we use any other TAG inside along with ? [duplicate]
  7. Can a CSS pixel be a fraction?
  8. What does font-size really correspond to?
  9. Is there a CSS selector for elements containing certain text?
  10. ::slotted CSS selector for nested children in shadowDOM slot
  11. Aligning grid items across the entire row/column (like flex items can)
  12. CSS to select/style first word
  13. Remove blue underline from link
  14. Child inside parent with min-height: 100% not inheriting height
  15. Any way to limit border length?
  16. Disable webkit’s spin buttons on input type=”number”?
  17. CSS – Overflow: Scroll; – Always show vertical scroll bar?
  18. Centering a background image, using CSS
  19. Is there a workaround to make CSS classes with names that start with numbers valid? [duplicate]
  20. Difference between static and relative positioning
  21. What bug does zoom:1; fix in CSS?
  22. How can one import only variables and mixins from Sass stylesheets?
  23. blur of part of Background image with css
  24. How to align a div to the top of its parent but keeping its inline-block behaviour?
  25. How can I change the color of an ‘svg’ element?
  26. CSS file blocked: MIME type mismatch (X-Content-Type-Options: nosniff)
  27. Fill only Half a star with SVG
  28. Firefox blurs an image when scaled through external CSS or inline style.
  29. How to override stylesheets of PrimeFaces? [duplicate]
  30. How is padding-top as a percentage related to the parent’s width?

Leave a Comment