codescracker


css

CSS Background Origin



« Previous Tutorial Next Tutorial »


The background-origin Property

The background-origin property is used to determine the starting position of the background image in a box like shape.

The background-origin property allows you to specify the starting point of the position of your background image.

There are three values that can be specified with the background-origin property. These values are described in the table given below:

Value Description
padding-box Specifies the position of the background image in relation to the outer edge of the padding or inner edge of the border. This is the default value of the background-origin property.
border-box Specifies the position of the background image in relation to the outer edge of the border.
content-box Specifies the position of the background image in relation to the outer edge of the content or inner edge of the padding.

« Previous Tutorial Next Tutorial »



Tools
Calculator

Quick Links
Signup - Login - Give Online Test