3.6 Positioning Images: the ‘background-position’ property

Chapter 3 - Backgrounds - 3.6 Positioning Images: the ‘background-position’ property

Go to the relevant page of the specification.

background-013 (image)
Background with (image position)
Background with (image position) sets the background to the image specified,, tiling it to cover the full area from the position specified.
background-022
Background with (position color)
Background with (position color) sets the background of the element to the color specified. Position does nothing since there is no image.
background-023 (image)
Background with (position image)
Background with (position image) sets the background to the image specified, tiling it to cover the full area from the position specified.
background-024
Background with (position repeat)
Background with (position repeat) does not affect the background since image is not set.
background-009
Background with (color position)
Background with (color position) sets the background of the element to the color specified. Position does nothing since image is not set.
background_position_three_four_values
'Background-position' with three and four values
If three or four values are given to 'background-position', then each percentage or length value represents an offset from the edge specified by the keyword.