The CSS3 background-clip property specifies the painting area of the background.
The property takes three different values:

• border-box - (default) the background is painted to the outside edge of the border
• padding-box - the background is painted to the outside edge of the padding
• content-box - the background is painted within the content box

The CSS3 background-origin property specifies where the background image is positioned.
The property takes three different values:

• border-box - the background image starts from the corner of the border
• padding-box - (default) the background image starts from the corner of the padding edge
• content-box - the background image starts from the corner of the content

The CSS3 background-size property allows you to specify the size of background images.

Before CSS3, the size of a background image was the actual size of the image. CSS3 allows us to re-use background images in different contexts.

The size can be specified in lengths, percentages, or by using one of the two keywords: contain or cover.

The CSS3 border-image property allows you to specify an image to be used instead of the normal border around an element.

The property has three parts:

• The image to use as the border
• Where to slice the image
• Define whether the middle sections should be repeated or stretched

• Pour aller plus loin
• Pour visualiser
• Générateur