خصوصیت background-repeat CSS

تعریف و استفاده

background-repeat تنظیمات ویژگی‌ها و نحوه تکرار تصویر پس‌زمینه.

به طور پیش‌فرض، تصویر پس‌زمینه در جهت افقی و عمودی تکرار می‌شود.

توضیحات جزئی

ویژگی background-repeat مدل تکرار تصویر را تعیین می‌کند.

از تصویر اصلی شروع به تکرار می‌کند، تصویر اصلی توسط background-image تعریف و بر اساس background-position مقدار

لطفاً به:

آموزش CSS:پس‌زمینه CSS

دستورالعمل CSS:ویژگی background-position

دستورالعمل HTML DOM:ویژگی backgroundRepeat

مثال

بدن
  {
  background-image: url(stars.gif);
  background-repeat: repeat-y;
  }

آموزش عملی:

توضیحات و یادداشت‌ها

توضیحات:موقعیت تصویر پس‌زمینه بر اساس ویژگی background-position تنظیم می‌شود. اگر ویژگی background-position تعیین نشده باشد، تصویر در گوشه بالا چپ عنصر قرار می‌گیرد.

آموزش زبان CSS:

background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;

مقدار ویژگی

مقدار ویژگی

مقدار توضیح
repeat پیش‌فرض. تصویر پس‌زمینه در جهت عمودی و افقی تکرار خواهد شد.
repeat-x تصویر پس‌زمینه در جهت افقی تکرار خواهد شد.
repeat-y تصویر پس‌زمینه در جهت عمودی تکرار خواهد شد.
no-repeat تصویر پس‌زمینه تنها یک بار نمایش داده می‌شود.
inherit تعیین می‌کند که تنظیمات background-repeat باید از عنصر والد به ارث برسد.

جزئیات فنی

مقدار پیش‌فرض: repeat
ارث: خیر
نسخه: CSS1
آموزش زبان جاوااسکریپت: آیتم.style.backgroundRepeat="repeat-y"

مثال‌های بیشتر

چگونه در جهت افقی تصویر پس‌زمینه را تکرار کنیم
این مثال نحوه تکرار افقی تصویر پس‌زمینه را نشان می‌دهد.
چگونه در جهت عمودی تصویر پس‌زمینه را تکرار کنیم
این مثال نحوه تکرار عمودی تصویر پس‌زمینه را نشان می‌دهد.
چگونه تنها یک بار تصویر پس‌زمینه را نمایش دهیم
این مثال نحوه نمایش یک بار تنها تصویر پس‌زمینه را نشان می‌دهد.

پشتیبانی مرورگرها

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی هستند که این ویژگی را به طور کامل پشتیبانی می‌کنند.

مرورگر کروم Edge مرورگر فایرفاکس مرورگر سافاری اپرا
مرورگر کروم IE / Edge مرورگر فایرفاکس مرورگر سافاری اپرا
1.0 4.0 1.0 1.0 3.5