The vertical keyword bottom refers to the bottom of the element??™s padding box (it
corresponds to 100%). If only one keyword is specified, the horizontal position
equates to 50% (that is, 50% 100% or center bottom).
The following example illustrates how the keywords refer to their equivalent
percentage values:
background-position: left top; /* same as 0% 0% */
background-position: left center; /* same as 0% 50% */
background-position: left bottom; /* same as 0% 100% */
background-position: right top; /* same as 100% 0% */
background-position: right center; /* same as 100% 50% */
background-position: right bottom; /* same as 100% 100% */
background-position: center top; /* same as 50% 0% */
background-position: center center; /* same as 50% 50% */
background-position: center bottom; /* same as 50% 100% */
Negative length and percentage values are allowed. Their effect is to shift the image??™s
position outside the confines of the element it??™s placed in, although, of course, none
of the negative part of the image will be visible.
Pages:
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462