MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

CSS Background and Borders is a module of CSS that lets you style an element's background and borders. Backgrounds can be filled with a color or image, clipped or resized, and otherwise modified. Borders can be decorated with lines or images, and made square or rounded. Additionally, element boxes can be decorated with a shadow.

Reference

CSS Properties

Guides

Using CSS multiple backgrounds
Explains how to set one or more backgrounds on an element.
Scaling background images
Describes how to change the size and repeating behavior of background images.

Tools

Border-image generator
This interactive tool lets you visually create border images (the border-image property).
Border-radius generator
This interactive tool lets you visually create rounded corners (the border-radius property).
Box-shadow generator
This interactive tool lets you visually create shadows behind elements (the box-shadow property).

Specifications

Specification Status Comment
CSS Backgrounds and Borders Module Level 3 Candidate Recommendation  
CSS Level 2 (Revision 1) Recommendation  
CSS Level 1 Recommendation  

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 1.0 (1.7 or earlier) 4.0 3.5 1.0 (85)
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support (Yes) 1.0 (1.9.2) (Yes) (Yes) 1.0

Document Tags and Contributors

 Contributors to this page: mfluehr, fscholz, teoli
 Last updated by: mfluehr,