ویژگی 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 | تصویر پس‌زمینه به صورت عمودی و افقی تکرار می‌شود. پیش‌فرض. |
| repeat-x | تصویر پس‌زمینه تنها به صورت افقی تکرار می‌شود. |
| repeat-y | تصویر پس‌زمینه تنها به صورت عمودی تکرار می‌شود. |
| no-repeat | تصویر پس‌زمینه تکرار نمی‌شود. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | repeat |
|---|---|
| مقدار بازگشتی: | رشته‌ای که نشان می‌دهد تصویر پس‌زمینه چگونه تکرار می‌شود. |
| نسخه CSS: | CSS1 |
پشتیبانی مرورگر
backgroundRepeat این یک ویژگی CSS1 (1996) است.
تمام مرورگرها آن را به طور کامل پشتیبانی می‌کنند:
| کروم | ایج | فایرفاکس | سافاری | آپرا | IE |
|---|---|---|---|---|---|
| کروم | ایج | فایرفاکس | سافاری | آپرا | IE |
| 支持 | 支持 | 支持 | 支持 | 支持 | 支持 |
- 上一页 backgroundPosition
- 下一页 backgroundClip
- 返回上一层 موضوع Style HTML DOM
