Core CSS

Background Specifications Table

CSS Background Specifications
Value Appearance
Full Specifications: color image position/size repeat origin clip attachment
background: lightgray url('XoaXLogo.png') top left/contain no-repeat border-box border-box scroll;
background: lightgray url('XoaXLogo.png') top left/contain no-repeat padding-box padding-box scroll;
background: lightgray url('XoaXLogo.png') top left/contain no-repeat content-box content-box scroll;
background: lightgray url('XoaXLogo.png') top left/contain no-repeat border-box content-box scroll;
background: lightgray url('XoaXLogo.png') top left/contain no-repeat border-box padding-box fixed;
background: lightgray url('XoaXLogo.png') top left/contain repeat border-box border-box scroll;
background: lightgray url('XoaXLogo.png') top left/contain repeat border-box border-box fixed;
background: lightgray url('XoaXLogo.png') center center/150px 25px no-repeat content-box padding-box scroll;
background: lightgray linear-gradient(khaki, coral) top left/contain no-repeat content-box padding-box scroll;
Multiple Image Full Specifications: color image position/size repeat origin clip attachment
background: url('XoaXLogo.png') top left/150px 25px no-repeat content-box padding-box scroll,
lightgray linear-gradient(khaki, coral) top left/contain no-repeat content-box padding-box scroll;
Note: A background color is only allow on the last image
background: url('XoaXLogo.png') top left/150px 25px no-repeat content-box padding-box scroll,
lightgray linear-gradient(khaki, coral) bottom right/150px 25px no-repeat content-box padding-box scroll;
Note: A background color is only allow on the last image
background: url('XoaXLogo.png') top left/auto repeat content-box padding-box scroll,
linear-gradient(red, orange, yellow, green, blue, indigo, violet) bottom right/cover no-repeat border-box border-box fixed;
Partial Specifications: color image position/size repeat origin clip attachment
background: lightgray url('XoaXLogo.png');
background: lightgray url('XoaXLogo.png') top left/auto repeat padding-box border-box scroll;
background: lightgray url('XoaXLogo.png') no-repeat;
Multiple Image Partial Specifications: color image position/size repeat origin clip attachment
background: url('XoaXLogo.png') center left/contain no-repeat content-box,
linear-gradient(khaki, coral) border-box;
background: url('XoaXLogo.png') center center/150px 25px no-repeat,
linear-gradient(khaki, coral) center center/150px 25px repeat content-box fixed;
 
 

© 2007–2024 XoaX.net LLC. All rights reserved.