تکرار پس زمینه (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
آشنا شدیم.
توسعه دهندگان
احسان اسلامی