Background Image-Repeat vertically or horizontally

The background-image property repeats an image both horizontally and vertically.
They will look like this: 

For the Horizontal, so it use repeat-X

For Example:

body
{
background-image:url('your-image-gradient.png');
background-repeat:repeat-x;
}

For the vertical, so it use repeat-y

For Example:

body
{
background-image:url('your-image-gradient.png');
background-repeat:repeat-y;
}