تکرار ‌پس زمینه (background-repeat) در CSS

از ویژگی background-repeat، برای تکرار تصویر پس زمینه در جهت عمودی و افقی استفاده می شود.

ویژگی background-repeat، چهار مقدار را دریافت می کند:

  • repeat: تکرار محور افقی و عمودی
  • repeat-x: تکرار محور افقی
  • repeat-y: تکرار محور عمودی
  • no-repeat: بدون تکرار

 

نکته: ویژگی background-repeat، به صورت پیش فرض روی مقدار repeat قرار دارد.

 

مقدار محور افقی (repeat-x) در CSS

در این نمونه کد، با مقدار repeat-x، تصویر در محور افقی تکرار می شود.

background-repeat: repeat-x;

مقدار محور عمودی (repeat-y) در CSS

در این نمونه کد، با مقدار repeat-y، تصویر در محور عمودی تکرار می شود.

background-repeat: repeat-y;

مقدار no-repeat در CSS

در این نمونه کد، با مقدار no-repeat، تصویر تکرار نمی شود.

background-repeat: no-repeat;

خلاصه درس

در این درس با ویژگی background-repeat در CSS و مقادیر آن:

  • مقدار repeat
  • مقدار repeat-x
  • مقدار repeat-y
  • مقدار no-repeat

 آشنا شدیم.

توسعه دهندگان
احسان اسلامی