CSS Background Shorthand Property

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;
  Tweet It

🕵 Search Results

🔎 Searching...