ویژگی Style borderImageRepeat
- صفحه قبلی
- صفحه بعدی
- برگشت به لایه بالاتر اجزای Style HTML DOM
تعریف و استفاده
borderImageRepeat ویژگی‌های تنظیم یا بازگشتی برای تعیین اینکه آیا لبه‌های تصویر باید کاشی شده (تکرار شده)، پر شده (گرد شده) یا کشیده شده (گسترده شده) باشند.
لطفاً به
دستورالعمل CSS:ویژگی border-image-repeat
مثال
تعیین می‌کند که چگونه تصویر لبه‌ها تکرار شود:
document.getElementById("myDIV").style.borderImageRepeat = "round";
قوانین دستور زبان
بازگشتی از ویژگی borderImageRepeat:
object.style.borderImageRepeat
تنظیم ویژگی borderImageRepeat:
object.style.borderImageRepeat = "stretch|repeat|round|initial|inherit"
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| stretch | مقدار پیش‌فرض. تصاویر به صورت کشیده شده (گسترده شده) برای پر کردن این محدوده استفاده می‌شوند. |
| repeat | تصاویر به صورت کاشی شده (تکرار شده) برای پر کردن این محدوده استفاده می‌شوند. |
| round |
تصاویر به صورت کاشی شده (تکرار شده) برای پر کردن این محدوده استفاده می‌شوند. اگر فضای مورد نیاز با تعداد کامل بلوک‌ها پر نشود، تصویر را دوباره اندازه‌گیری می‌کنند تا با فضای موجود هماهنگ شود. |
| space |
تصاویر به صورت کاشی شده (تکرار شده) برای پر کردن این محدوده استفاده می‌شوند. اگر فضای مورد نیاز با تعداد کامل بلوک‌ها پر نشود، فضای اضافی در اطراف بلوک‌ها توزیع خواهد شد. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | stretch |
|---|---|
| مقدار بازگشتی: | رشته، که نشان‌دهنده ویژگی border-image-repeat. |
| نسخه CSS: | CSS3 |
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی است که این ویژگی را پشتیبانی می‌کنند.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | 11.0 | پشتیبانی | 6.0 | 15.0 |
لطفاً ببینید خصوصیت borderImage.
- صفحه قبلی
- صفحه بعدی
- برگشت به لایه بالاتر اجزای Style HTML DOM
