تکرار عکس در محور X و Y

اگر تکرار عکس تنظیم نشود، به صورت پیشفرض عکس مورد نظر در دو محور X و Y تکرار خواهد شد.

بعضی مواقع یک عکس باید فقط در محور X و یا فقط در محور Y تکرار شود، در مثال زیر عکس به طور پیشفرض در دو محور X و Y تکرار شده است:

مثال (تکرار عکس در محور X و Y)

body
{
background-image:url('gradient2.png');
}
خودتان امتحان کنید »

اگر عکس مثال قبل، فقط در محور X تکرار شود، پس زمینه بهتری خواهیم داشت.

مثال (تکرار عکس در محور X و Y)

body
{
background-image: url('/gradient2.png');
background-repeat:repeat-x;
}
خودتان امتحان کنید »

آموزش های مرتبط

آموزش CSS-استایل دهی پس زمینه