What is the difference between background and background-color

by

Premising that those are two distinct properties, in your specific example there’s no difference in the result, since background actually is a shorthand for

background-color  
background-image  
background-position  
background-repeat  
background-attachment  
background-clip  
background-origin  
background-size

Thus, besides the background-color, using the background shorthand you could also add one or more values without repeating any other background-* property more than once.

Which one to choose is essentially up to you, but it could also depend on specific conditions of your style declarations (e.g if you need to override just the background-color when inheriting other related background-* properties from a parent element, or if you need to remove all the values except the background-color).

More Related Contents:

  1. CSS: background image on background color
  2. Using percentage values with background-position on a linear-gradient
  3. How to remove the stripes that appears when using linear gradient property [duplicate]
  4. Stretch and scale a CSS image in the background – with CSS only
  5. CSS3 background image transition
  6. How to get div height to auto-adjust to background size?
  7. Semi-transparent color layer over background-image?
  8. Background color of text in SVG
  9. Is it possible to have two background colors for a single html element? [duplicate]
  10. Preloading CSS Images
  11. How to add a color overlay to a background image? [duplicate]
  12. CSS: Set a background color which is 50% of the width of the window
  13. Color of stacked semi-transparent boxes depends on order?
  14. Gradients in Internet Explorer 9
  15. draw diagonal lines in div background with CSS
  16. Error: CSS: background: / is an incorrect operator
  17. Why does the linear-gradient disappear when I make an element position:absolute?
  18. Is background-color:none valid CSS?
  19. Greyscale Background Css Images
  20. Cross browser way to rotate image using CSS?
  21. CSS opacity and child elements
  22. blur of part of Background image with css
  23. Background with 2 colors in JavaFX?
  24. How can I remove the gloss on a select element in Safari on Mac?
  25. Is this possible to create 2-axis 4 color gradient in css (bilinear gradient)?
  26. Is it possible to change only the alpha of a rgba background colour on hover?
  27. Overlay a background-image with an rgba background-color
  28. How to make div background color transparent in CSS
  29. background-attachment fixed with transform not working in Firefox
  30. Fixed gradient background with css

Leave a Comment