From https://developer.mozilla.org/en-US/docs/Web/CSS/background-size |
Syntax Outline |
Other Resources:
div{
/* Keywords syntax */
background-size: cover;
background-size: contain;
/* One-value syntax: the value defines the width of the image, the height is implicitly set to 'auto' */
background-size: 50%;
background-size: 3em;
background-size: 12px;
background-size: auto;
/* Two-value syntax: the first value defines the width of the image, the second its height */
background-size: 50% auto;
background-size: 3em 25%;
background-size: auto 6px;
background-size: auto auto;
/* Values for the multiple backgrounds, defined by background-image, may be listed separated by commas */
background-size: auto, auto; /* Do not confuse this with background-size: auto auto */
background-size: 50%, 25%, 25%;
background-size: 6px, auto, contain;
background-size: inherit;
}