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; |
© 20072024 XoaX.net LLC. All rights reserved.