CSS Backgrounds and Borders
CSS Backgrounds and Borders is a module of CSS that lets you style elements' backgrounds 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 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.
- Applying color to HTML elements using CSS
- An overview of how CSS color can be used in HTML, including for borders.
-
- 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
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 |