The Background Property - jpjohnsonjr/learning-notes GitHub Wiki

About

A simple background color can be set using the background-color attribute. Can also apply an image using background-image: url("[filename]"). The filename has to be relative to the way the CSS file is served in the browser.

---

background-repeat

This attribute will determine how or whether the image repeats in the background. Attribute no-repeat will cause the image to appear just once in the top righthand corner. repeat-x repeats horizontally; repeat-y repeats it vertically.

---

background-position

Together with two parameters -- background-position [vertical][horizontal] -- will indicate the graphic's position within the element. Not specifying one of these attributes causes the image to center by default.

---

background

Just using the background property will allow all of these attributes to be specified directly in one row and overrides any properties that were set previously.