ویژگی backgroundRepeat CSS
- صفحه قبلی backgroundPosition
- صفحه بعدی backgroundClip
- بازگشت به لایه بالاتر اجزای Style HTML DOM
تعریف و کاربرد
backgroundRepeat تنظیم یا بازگشتی از نحوه تکرار (پارچه‌بندی) تصویر پس‌زمینه بپردازید.
لطفاً به
طراحی HTML:ویژگی پس‌زمینه
آموزش CSS:背景 CSS
آموزش CSS3:پس‌زمینه CSS3
منوی مرجع CSS:ویژگی background-repeat
مثال
مثال 1
تصویر پس‌زمینه را به صورت تکرار نمی‌شود (no-repeat) تنظیم کنید:
document.body.style.backgroundRepeat = "repeat-y";
مثال 2
ویژگی backgroundRepeat یک عنصر DIV مشخص شده را تغییر دهید:
document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";
مثال 3
تصویر پس‌زمینه را به صورت افقی یا عمودی تکرار کنید:
function repeatVer() {
document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
document.body.style.backgroundRepeat = "repeat-x";
}
مثال 4
مقدار background-repeat مستند بازگشتی:
alert(document.body.style.backgroundRepeat);
جملات دستور زبان
بازگشتی از ویژگی backgroundRepeat:
عنصر.style.backgroundRepeat
تنظیم ویژگی backgroundRepeat:
عنصر.style.backgroundRepeat = "repeat|repeat-x|repeat-y|no-repeat|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| تکرار | تصویر پس‌زمینه به صورت عمودی و افقی تکرار می‌شود. پیش‌فرض. |
| repeat-x | تصویر پس‌زمینه تنها به صورت افقی تکرار می‌شود. |
| repeat-y | تصویر پس‌زمینه تنها به صورت عمودی تکرار می‌شود. |
| no-repeat | تصویر پس‌زمینه تکرار نمی‌شود. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | تکرار |
|---|---|
| مقدار بازگشتی: | رشته‌ای که روش تکرار تصویر پس‌زمینه را نشان می‌دهد. |
| نسخه CSS: | CSS1 |
پشتیبانی مرورگرها
backgroundRepeat این یک ویژگی CSS1 (1996) است.
همه مرورگرها این را کاملاً پشتیبانی می‌کنند:
| کروم | اژدها | فایرفاکس | سفاری | опера | IE |
|---|---|---|---|---|---|
| کروم | اژدها | فایرفاکس | سفاری | опера | IE |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبلی backgroundPosition
- صفحه بعدی backgroundClip
- بازگشت به لایه بالاتر اجزای Style HTML DOM
