Which type of quotes we should use in css background url (“….”)? Single, double or no quote needed? [duplicate]

by

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 );

More Related Contents:

  1. Ambiguous between syntax and semantic error [closed]
  2. Left-Linear and Right-Linear Grammars
  3. Tips for creating “Context Free Grammar”
  4. What is the language of this deterministic finite automata?
  5. 5 stars and the golden 5 stars are not together (When browsing with Internet explorer)
  6. How to make page loaders/animations/transitions
  7. What is the difference between Normalize.css and Reset CSS?
  8. CSS hover border makes inline elements adjust slightly
  9. selenium.common.exceptions.InvalidSelectorException with “span:contains(‘string’)”
  10. Difference between @import and link in CSS
  11. Imitating a blink tag with CSS3 animations
  12. How can I force a long string without any blank to be wrapped?
  13. Position a CSS background image x pixels from the right?
  14. What is the difference between :focus and :active?
  15. How to get a child element to show behind (lower z-index) than its parent?
  16. Why does ‘overflow: auto’ clear floats? And why are clear floats needed?
  17. How to set background color of HTML element using css properties in JavaScript
  18. What is the performance impact of the universal selector?
  19. Place boxes inside ul in center, but align them left
  20. Selecting only first-level elements in jquery
  21. How to draw polygons on an HTML5 canvas?
  22. hide div tag on mobile view only?
  23. show loading icon until the page is load?
  24. CSS3 transform order matters: rightmost operation first
  25. How to use square cursor in a HTML input field?
  26. Zebra striping a table with hidden rows using CSS3?
  27. CSS @font-face not working in ie
  28. CSS3 PIE – Giving IE border-radius support not working?
  29. How can I increase a scrollbar’s width using CSS?
  30. Height is not correct in flexbox items in Chrome [duplicate]

Leave a Comment