Hi guys,
In this video, we seen css background properties. Css background properties allow you to customize the appearance of an elements.
Today we seen six main background properties :
1. Background-color - sets the background color of an element. we can give color name, rgb() format, hexadecimal format, rgba() format, hsl format, hsla format for background color.
2. Background-image - specfies an image to be used as background of an element.
3. Background-repeat - controls how the background image is repeated.
Values - repeat, no-repeat, repeat-x, repeat-y.
4 .Background-position - sets the position of the background image within the element. Values - left, center, right or percentages (eg : 50% 50%).
5. Background-attachment - specifies whether the background image should be fixed or scroll.
6. Background-size - sets the size of the background image.
Values - auto, contain, cover and values (eg: 500px 500px).
Shorthand property:
Background : combines all background properties into single decalaration.
#html5 #css #css3 #csstutorial #background #backgroundimage #webdevelopment #frontenddevelopment
THANKS FOR WATCHING !