Background Shorthand

Life’s too short to lose time with background properties. Use the shorthand instead. Of course, you don’t have to specify a value for every property, you can skip as many as you’d like:

background: #FF8100 url("gator.svg") no-repeat right top fixed;

Is equivalent to this:

background-color: #FF8100;
background-image: url("gator.svg");
background-repeat: no-repeat;
background-position: top right;
background-attachment: fixed;


🔎 Searching...