repeat-y The value repeat-y ensures that the background-image is repeated
only along the y axis (that is, the vertical axis in both directions??”up
and down) until the element??™s background is fully covered along that
axis.
no-repeat The value no-repeat ensures that the background-image is not
repeated in any direction, and that only a single instance of the image
will be placed at the coordinates specified by the
background-position.
If no background-position has been specified, the image is placed at the element??™s
default left-top position (0,0).
Compatibility
Opera Safari Firefox Internet Explorer
9.2 3.0 2.0 1.3 2.0 1.5 1.0 7.0 6.0 5.5
Full Full Buggy Buggy Full Full Full Full Full Full
305 Color and Backgrounds
Safari versions up to and including 2.0 exhibit a background-repeat bug: the image
is repeated incorrectly when no-repeat has been applied. This bug is evident when
the image??™s height exceeds that of the element to which it??™s applied, and when the
image is offset from the top position.
Pages:
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455