![]() ![]() The background-size property uses CSS length and percentage values or specific keywords. The background-size property sets the size of background images By default background images are sized based on their intrinsic (actual) width, height, and aspect ratio. The following demo demonstrates these capabilities of the background-repeat property: The value repeat-x repeats an image only horizontally this is equivalent to repeat no-repeat. The shorthand also has convenient one-word options to make your intent clearer. If you use a single value, it will be applied to both the horizontal and vertical repeats. The first parameter sets the horizontal repeat behavior, and the second parameter sets the vertical repeat behavior. The background-repeat property allows you to set the behavior for the x and y axis independently. Repeating images touch the edges of the space a background layer occupies, with white space evenly distributed between them. space: The image repeats horizontally and vertically to fit as many instances within the space available without cropping-spacing out instances of the image as needed.As the space available increases the image stretches, and after stretching half of the image's original width, compresses in order to add more image instances. round: The image repeats horizontally and vertically to fit as many instances into the space available. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |