Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Basics (2014) Basic Layout Backgrounds: Size and Position

Aakash Srivastav
seal-mask
.a{fill-rule:evenodd;}techdegree
Aakash Srivastav
Full Stack JavaScript Techdegree Student 11,638 Points
Posted by Aakash Srivastav
.a{fill-rule:evenodd;}techdegree
Aakash Srivastav
Full Stack JavaScript Techdegree Student 11,638 Points

background shorthand

Is background: url("xyz.jpg") cover; same as background-image: url("xyz.jpg"); background-size: cover; If not then why?

1 Answer

Andrei Mija
Andrei Mija
9,455 Points
Andrei Mija
Andrei Mija
9,455 Points

Yes, both background properties that you have written are the same and are totally valid. Here you can see the general shorthand property from which you can choose what you need:

background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

And your code looks like this:

background: bg-image position/bg-size;

which is correct.

Rich Donnellan
Rich Donnellan
Treehouse Moderator 27,696 Points
Rich Donnellan
Rich Donnellan
Treehouse Moderator 27,696 Points

Answer updated with code formatting. Check out the Markdown Cheatsheet for syntax examples, or peek at my edit.