/* Individual properties */
.element {
  background-color: blue;
  background-image: url('image.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Shorthand (equivalent) */
.element {
  background: blue url('image.jpg') center / cover no-repeat;
  /* color image position / size repeat */
}

/* Even more concise */
.element {
  background: url('image.jpg') center/cover no-repeat blue;
}

/* Common background shorthand examples */

/* Simple color */
.element {
  background: blue;
}

/* Image with fallback color */
.element {
  background: blue url('image.jpg') no-repeat center/cover;
}

/* Gradient */
.element {
  background: linear-gradient(to right, blue, red);
}

/* Multiple backgrounds shorthand */
.element {
  background: 
    url('overlay.png') no-repeat center,
    url('base.jpg') center/cover,
    blue;
}