CSS Background Origin Property

CSS Background Origin Property

By At 23:19 0

CSS Background Origin Property
Background Origin is used to position the Background Image. Where the image start from. If you use the background image property you will use the image. Give the value for where the image start from. Its have three different values for the background origin, property.List and Explanation give below.


  • Padding Box: Padding Box is the default value of the Background Origin Property. Its not draw the background below the border.Its start the background inner of the border
  • Border Box: Border Box property will draw the background from the upper left corner of the border.
  • Content Box: Content Box property will draw the background from the left upper corner of the Content.


Example:
background-origin:padding-box;
background-origin:content-box;
background-origin:border-box;

Padding-Box:

Border-Box

Content-Box
Copyright Labw3